Ux illustrations design ui colours

  • #fae206
  • #fad63f
  • #9a8908
  • #6c8480
  • #d1c1b1
  • #5c5730
  0.27k

Ux illustrations design ui colours has 6 colors, mostly yellow. The lightest color is Gold (#FAE206), the darkest Dark Olive Green (#5C5730). Its strongest contrast pair is #5C5730 on #FAE206 (5.5:1, WCAG AA).

Created at 05/14/2020 09:45
The palette consists of Light, Semi dark colors. Accent colors #fae206 and #fad63f. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #5C5730 (darkest) to #FAE206 (lightest). The lightness range is moderate.

Saturation is mixed — 2 muted and 3 vivid out of 6 colors.

An analogous palette: its hues sit close together on the color wheel, within about 24°.

Overall temperature among swatches leans warm (5 of 6).

HEX codes (sorted): #5C5730, #6C8480, #9A8908, #D1C1B1, #FAD63F, #FAE206

Palette Ux illustrations design ui colours combines 6 color codes:
HEX: #fae206, RGB: (250, 226, 6); HEX: #fad63f, RGB: (250, 214, 63); HEX: #9a8908, RGB: (154, 137, 8)
HEX: #6c8480, RGB: (108, 132, 128); HEX: #d1c1b1, RGB: (209, 193, 177); HEX: #5c5730, RGB: (92, 87, 48)
Simplified version of palette colors
Tint of Gold, Tint of Gold, Tint of Olive, Shade of Grey, Tint of Tan, Shade of Dark Olive Green
Color scheme was created by colorswall

Color codes in palette

Ux illustrations design ui colours color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#fae206#fae206RGB(250, 226, 6)——
#fad63f#fad63fRGB(250, 214, 63)——
#9a8908#9a8908RGB(154, 137, 8)——
#6c8480#6c8480RGB(108, 132, 128)——
#d1c1b1#d1c1b1RGB(209, 193, 177)——
#5c5730#5c5730RGB(92, 87, 48)——

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#fae206
#fad63f
1.08
#fae206
#d1c1b1
1.33
#fad63f
#d1c1b1
1.23
#9a8908
#6c8480
1.13
#6c8480
#5c5730
1.83

Image palette Ux illustrations design ui colours png