Created at 12/12/2019 21:23
  0.21k

Icons interface labels user experience colors palette

  • #5e26d0
  • #eeb8a5
  • #0c244c
  • #a96a54
  • #cfa1af
  • #313657
The palette consists of Light, Dark colors. Accent colors #eeb8a5 and #0c244c. Palette has Cool, Warm, Neutral colors temperature.

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

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

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #0C244C, #313657, #5E26D0, #A96A54, #CFA1AF, #EEB8A5

Palette Icons interface labels user experience colors palette has combination of 6 codes colors:
HEX: #5e26d0, RGB: (94, 38, 208); HEX: #eeb8a5, RGB: (238, 184, 165); HEX: #0c244c, RGB: (12, 36, 76)
HEX: #a96a54, RGB: (169, 106, 84); HEX: #cfa1af, RGB: (207, 161, 175); HEX: #313657, RGB: (49, 54, 87)
Simplified version of palette colors
Tint of blueviolet, Shade of darksalmon, Tint of midnightblue, Shade of sienna, Shade of rosybrown, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Icons interface labels user experience colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#5e26d0 #5e26d0 RGB(94, 38, 208)
#eeb8a5 #eeb8a5 RGB(238, 184, 165)
#0c244c #0c244c RGB(12, 36, 76)
#a96a54 #a96a54 RGB(169, 106, 84)
#cfa1af #cfa1af RGB(207, 161, 175)
#313657 #313657 RGB(49, 54, 87)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#5e26d0
#0c244c
1.94
#5e26d0
#a96a54
1.83
#5e26d0
#313657
1.48
#eeb8a5
#cfa1af
1.28
#0c244c
#313657
1.3
#a96a54
#cfa1af
1.92

Image palette Icons interface labels user experience colors palette png