Created at 12/31/2021 08:21
  0.16k

Visual design interaction ui ux palette

  • #eca667
  • #e9b58a
  • #04140c
  • #94bbcb
  • #eef5f4
  • #2c343c
The palette consists of Light, Dark colors. Accent colors #eca667 and #04140c. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #04140C (darkest) to #EEF5F4 (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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #04140C, #2C343C, #94BBCB, #E9B58A, #ECA667, #EEF5F4

Palette Visual design interaction ui ux palette has combination of 6 codes colors:
HEX: #eca667, RGB: (236, 166, 103); HEX: #e9b58a, RGB: (233, 181, 138); HEX: #04140c, RGB: (4, 20, 12)
HEX: #94bbcb, RGB: (148, 187, 203); HEX: #eef5f4, RGB: (238, 245, 244); HEX: #2c343c, RGB: (44, 52, 60)
Simplified version of palette colors
Tint of sandybrown, Shade of burlywood, Shade of Black, Tint of skyblue, Tint of whitesmoke, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Visual design interaction ui ux palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#eca667 #eca667 RGB(236, 166, 103)
#e9b58a #e9b58a RGB(233, 181, 138)
#04140c #04140c RGB(4, 20, 12)
#94bbcb #94bbcb RGB(148, 187, 203)
#eef5f4 #eef5f4 RGB(238, 245, 244)
#2c343c #2c343c RGB(44, 52, 60)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#eca667
#e9b58a
1.11
#eca667
#94bbcb
1
#eca667
#eef5f4
1.85
#e9b58a
#94bbcb
1.11
#e9b58a
#eef5f4
1.66
#04140c
#2c343c
1.49

Image palette Visual design interaction ui ux palette png