Created at 03/05/2020 13:55
  0.18k

Website design ui illustrator palette

  • #70bd37
  • #f0e27c
  • #3c661d
  • #8f9866
  • #abd4c8
  • #3c5438
The palette consists of Light, Semi dark colors. Accent colors #f0e27c and #3c661d. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #3C661D (darkest) to #ABD4C8 (lightest). The lightness range is moderate.

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

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

Overall temperature among swatches leans warm.

HEX codes (sorted): #3C5438, #3C661D, #70BD37, #8F9866, #ABD4C8, #F0E27C

Palette Website design ui illustrator palette has combination of 6 codes colors:
HEX: #70bd37, RGB: (112, 189, 55); HEX: #f0e27c, RGB: (240, 226, 124); HEX: #3c661d, RGB: (60, 102, 29)
HEX: #8f9866, RGB: (143, 152, 102); HEX: #abd4c8, RGB: (171, 212, 200); HEX: #3c5438, RGB: (60, 84, 56)
Simplified version of palette colors
Shade of limegreen, Tint of Khaki, Tint of darkolivegreen, Shade of olivedrab, Tint of paleturquoise, Tint of darkolivegreen
Color scheme was created by colorswall

Colors codes in palette

Website design ui illustrator palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#70bd37 #70bd37 RGB(112, 189, 55)
#f0e27c #f0e27c RGB(240, 226, 124)
#3c661d #3c661d RGB(60, 102, 29)
#8f9866 #8f9866 RGB(143, 152, 102)
#abd4c8 #abd4c8 RGB(171, 212, 200)
#3c5438 #3c5438 RGB(60, 84, 56)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#70bd37
#f0e27c
1.75
#70bd37
#8f9866
1.31
#70bd37
#abd4c8
1.43
#f0e27c
#abd4c8
1.22
#3c661d
#3c5438
1.23
#8f9866
#abd4c8
1.89

Image palette Website design ui illustrator palette png