Loading...
Created at 07/30/2020 06:42
  0.23k

Style guide vector typography icons colours

  • #06f5de
  • #efae97
  • #06ad97
  • #9a6954
  • #dccae2
  • #2a4454
Loading...
The palette consists of Light colors. Accent colors #06f5de and #efae97. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #2A4454 (darkest) to #DCCAE2 (lightest). The lightness range is wide.

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 cool.

HEX codes (sorted): #06AD97, #06F5DE, #2A4454, #9A6954, #DCCAE2, #EFAE97

Palette Style guide vector typography icons colours has combination of 6 codes colors:
HEX: #06f5de, RGB: (6, 245, 222); HEX: #efae97, RGB: (239, 174, 151); HEX: #06ad97, RGB: (6, 173, 151)
HEX: #9a6954, RGB: (154, 105, 84); HEX: #dccae2, RGB: (220, 202, 226); HEX: #2a4454, RGB: (42, 68, 84)
Simplified version of palette colors
Tint of turquoise, Shade of darksalmon, Tint of lightseagreen, Shade of sienna, Shade of thistle, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Style guide vector typography icons colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#06f5de #06f5de RGB(6, 245, 222)
#efae97 #efae97 RGB(239, 174, 151)
#06ad97 #06ad97 RGB(6, 173, 151)
#9a6954 #9a6954 RGB(154, 105, 84)
#dccae2 #dccae2 RGB(220, 202, 226)
#2a4454 #2a4454 RGB(42, 68, 84)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#06f5de
#efae97
1.35
#06f5de
#dccae2
1.11
#efae97
#06ad97
1.5
#efae97
#dccae2
1.21
#06ad97
#9a6954
1.64
#06ad97
#dccae2
1.82

Image palette Style guide vector typography icons colours png

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