Loading...
Created at 08/26/2020 17:26
  0.19k

Ui design colors palette

  • #bacb52
  • #ebd492
  • #68231c
  • #70a959
  • #8eb4c3
  • #34455f
Loading...
The palette consists of Light, Dark colors. Accent colors #ebd492 and #8eb4c3. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #68231C (darkest) to #EBD492 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

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

Overall temperature among swatches leans warm.

HEX codes (sorted): #34455F, #68231C, #70A959, #8EB4C3, #BACB52, #EBD492

Palette Ui design colors palette has combination of 6 codes colors:
HEX: #bacb52, RGB: (186, 203, 82); HEX: #ebd492, RGB: (235, 212, 146); HEX: #68231c, RGB: (104, 35, 28)
HEX: #70a959, RGB: (112, 169, 89); HEX: #8eb4c3, RGB: (142, 180, 195); HEX: #34455f, RGB: (52, 69, 95)
Simplified version of palette colors
Shade of Yellowgreen, Tint of wheat, Shade of Maroon, Shade of mediumseagreen, Tint of skyblue, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Ui design colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#bacb52 #bacb52 RGB(186, 203, 82)
#ebd492 #ebd492 RGB(235, 212, 146)
#68231c #68231c RGB(104, 35, 28)
#70a959 #70a959 RGB(112, 169, 89)
#8eb4c3 #8eb4c3 RGB(142, 180, 195)
#34455f #34455f RGB(52, 69, 95)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#bacb52
#ebd492
1.22
#bacb52
#70a959
1.56
#bacb52
#8eb4c3
1.24
#ebd492
#70a959
1.91
#ebd492
#8eb4c3
1.51
#68231c
#34455f
1.17

Image palette Ui design colors palette png

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