Loading...
Created at 09/11/2019 12:43
  0.23k

Design website ux colors palette

  • #e5c516
  • #ecdf87
  • #78680b
  • #8fad62
  • #dbd5bc
  • #525f34
Loading...
The palette consists of Light, Semi dark colors. Accent colors #e5c516 and #78680b. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #78680B (darkest) to #DBD5BC (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

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

Overall temperature among swatches leans warm.

HEX codes (sorted): #525F34, #78680B, #8FAD62, #DBD5BC, #E5C516, #ECDF87

Palette Design website ux colors palette has combination of 6 codes colors:
HEX: #e5c516, RGB: (229, 197, 22); HEX: #ecdf87, RGB: (236, 223, 135); HEX: #78680b, RGB: (120, 104, 11)
HEX: #8fad62, RGB: (143, 173, 98); HEX: #dbd5bc, RGB: (219, 213, 188); HEX: #525f34, RGB: (82, 95, 52)
Simplified version of palette colors
Tint of gold, Tint of Khaki, Tint of Olive, Tint of darkseagreen, Tint of beige, Tint of darkolivegreen
Color scheme was created by colorswall

Colors codes in palette

Design website ux colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#e5c516 #e5c516 RGB(229, 197, 22)
#ecdf87 #ecdf87 RGB(236, 223, 135)
#78680b #78680b RGB(120, 104, 11)
#8fad62 #8fad62 RGB(143, 173, 98)
#dbd5bc #dbd5bc RGB(219, 213, 188)
#525f34 #525f34 RGB(82, 95, 52)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#e5c516
#ecdf87
1.25
#e5c516
#8fad62
1.48
#e5c516
#dbd5bc
1.15
#ecdf87
#8fad62
1.85
#ecdf87
#dbd5bc
1.08
#78680b
#525f34
1.24

Image palette Design website ux colors palette png

Loading...
Loading...
Loading...