Loading...
Created at 02/24/2020 16:15
  0.26k

Illustrator design user interface experience colors

  • #04e4d7
  • #fab981
  • #048c74
  • #948c6c
  • #d7c0bc
  • #2c444c
Loading...
The palette consists of Light colors. Accent colors #04e4d7 and #fab981. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #2C444C (darkest) to #D7C0BC (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): #048C74, #04E4D7, #2C444C, #948C6C, #D7C0BC, #FAB981

Palette Illustrator design user interface experience colors has combination of 6 codes colors:
HEX: #04e4d7, RGB: (4, 228, 215); HEX: #fab981, RGB: (250, 185, 129); HEX: #048c74, RGB: (4, 140, 116)
HEX: #948c6c, RGB: (148, 140, 108); HEX: #d7c0bc, RGB: (215, 192, 188); HEX: #2c444c, RGB: (44, 68, 76)
Simplified version of palette colors
Tint of turquoise, Shade of sandybrown, Tint of seashell, Shade of Grey, Shade of Silver, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Illustrator design user interface experience colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#04e4d7 #04e4d7 RGB(4, 228, 215)
#fab981 #fab981 RGB(250, 185, 129)
#048c74 #048c74 RGB(4, 140, 116)
#948c6c #948c6c RGB(148, 140, 108)
#d7c0bc #d7c0bc RGB(215, 192, 188)
#2c444c #2c444c RGB(44, 68, 76)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#04e4d7
#fab981
1.06
#04e4d7
#d7c0bc
1.07
#fab981
#948c6c
1.97
#fab981
#d7c0bc
1.01
#048c74
#948c6c
1.24
#948c6c
#d7c0bc
1.95

Image palette Illustrator design user interface experience colors png

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