Created at 02/20/2020 13:39
  0.27k

Userinterface user interface icon design experience colors palette

  • #f06c24
  • #eeac7c
  • #549824
  • #a4644c
  • #acce94
  • #543424
The palette consists of Light colors. Accent colors #f06c24 and #eeac7c. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #543424 (darkest) to #EEAC7C (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans warm.

HEX codes (sorted): #543424, #549824, #A4644C, #ACCE94, #EEAC7C, #F06C24

Palette Userinterface user interface icon design experience colors palette has combination of 6 codes colors:
HEX: #f06c24, RGB: (240, 108, 36); HEX: #eeac7c, RGB: (238, 172, 124); HEX: #549824, RGB: (84, 152, 36)
HEX: #a4644c, RGB: (164, 100, 76); HEX: #acce94, RGB: (172, 206, 148); HEX: #543424, RGB: (84, 52, 36)
Simplified version of palette colors
Shade of chocolate, Shade of sandybrown, Tint of olivedrab, Shade of sienna, Shade of darkseagreen, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Userinterface user interface icon design experience colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f06c24 #f06c24 RGB(240, 108, 36)
#eeac7c #eeac7c RGB(238, 172, 124)
#549824 #549824 RGB(84, 152, 36)
#a4644c #a4644c RGB(164, 100, 76)
#acce94 #acce94 RGB(172, 206, 148)
#543424 #543424 RGB(84, 52, 36)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f06c24
#eeac7c
1.57
#f06c24
#549824
1.16
#f06c24
#a4644c
1.52
#f06c24
#acce94
1.74
#eeac7c
#549824
1.83
#eeac7c
#acce94
1.1

Image palette Userinterface user interface icon design experience colors palette png