Created at 11/03/2019 09:33
  0.24k

Design ui ux colors

  • #fcc40c
  • #fceca3
  • #995709
  • #aea078
  • #c6bdad
  • #13100a
The palette consists of Light, Semi dark, Dark colors. Accent colors #fcc40c and #fceca3. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #13100A (darkest) to #FCECA3 (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans warm.

HEX codes (sorted): #13100A, #995709, #AEA078, #C6BDAD, #FCC40C, #FCECA3

Palette Design ui ux colors has combination of 6 codes colors:
HEX: #fcc40c, RGB: (252, 196, 12); HEX: #fceca3, RGB: (252, 236, 163); HEX: #995709, RGB: (153, 87, 9)
HEX: #aea078, RGB: (174, 160, 120); HEX: #c6bdad, RGB: (198, 189, 173); HEX: #13100a, RGB: (19, 16, 10)
Simplified version of palette colors
Tint of gold, Shade of palegoldenrod, Shade of saddlebrown, Tint of tan, Tint of Silver, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Design ui ux colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fcc40c #fcc40c RGB(252, 196, 12)
#fceca3 #fceca3 RGB(252, 236, 163)
#995709 #995709 RGB(153, 87, 9)
#aea078 #aea078 RGB(174, 160, 120)
#c6bdad #c6bdad RGB(198, 189, 173)
#13100a #13100a RGB(19, 16, 10)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fcc40c
#fceca3
1.35
#fcc40c
#aea078
1.61
#fcc40c
#c6bdad
1.15
#fceca3
#c6bdad
1.56
#aea078
#c6bdad
1.39

Image palette Design ui ux colors png