Landing page ui-ux header ui colors

  • #ed8728
  • #f4cea9
  • #7a400a
  • #7455b6
  • #d6a3c8
  • #0c0c0c
  0.29k
Created at 11/18/2019 20:22
The palette consists of Light, Semi dark, Dark colors. Accent colors #7a400a and #7455b6. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #0C0C0C (darkest) to #F4CEA9 (lightest). The lightness range is wide.

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

A varied palette: its hues are spread across about 130° of the color wheel.

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

HEX codes (sorted): #0C0C0C, #7455B6, #7A400A, #D6A3C8, #ED8728, #F4CEA9

Palette Landing page ui-ux header ui colors combines 6 color codes:
HEX: #ed8728, RGB: (237, 135, 40); HEX: #f4cea9, RGB: (244, 206, 169); HEX: #7a400a, RGB: (122, 64, 10)
HEX: #7455b6, RGB: (116, 85, 182); HEX: #d6a3c8, RGB: (214, 163, 200); HEX: #0c0c0c, RGB: (12, 12, 12)
Simplified version of palette colors
Shade of Dark Orange, Shade of Peach Puff, Shade of Saddle Brown, Shade of Slate Blue, Shade of Plum, Tint of Black
Color scheme was created by colorswall

Color codes in palette

Landing page ui-ux header ui colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#ed8728#ed8728RGB(237, 135, 40)——
#f4cea9#f4cea9RGB(244, 206, 169)——
#7a400a#7a400aRGB(122, 64, 10)——
#7455b6#7455b6RGB(116, 85, 182)——
#d6a3c8#d6a3c8RGB(214, 163, 200)——
#0c0c0c#0c0c0cRGB(12, 12, 12)—Black Wash

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#ed8728
#f4cea9
1.75
#ed8728
#d6a3c8
1.22
#f4cea9
#d6a3c8
1.43
#7a400a
#7455b6
1.44

Image palette Landing page ui-ux header ui colors png