Finances design system finance colors palette

  • #c2ce42
  • #8ce4cc
  • #5f2918
  • #a25a55
  • #b8ddca
  • #624037
  0.19k
Created at 07/28/2020 20:03
The palette consists of Light, Semi dark colors. Accent colors #8ce4cc and #5f2918. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #5F2918 (darkest) to #B8DDCA (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range, averaging 46% across the palette.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans warm (4 of 6).

HEX codes (sorted): #5F2918, #624037, #8CE4CC, #A25A55, #B8DDCA, #C2CE42

Palette Finances design system finance colors palette combines 6 color codes:
HEX: #c2ce42, RGB: (194, 206, 66); HEX: #8ce4cc, RGB: (140, 228, 204); HEX: #5f2918, RGB: (95, 41, 24)
HEX: #a25a55, RGB: (162, 90, 85); HEX: #b8ddca, RGB: (184, 221, 202); HEX: #624037, RGB: (98, 64, 55)
Simplified version of palette colors
Tint of Yellow Green, Tint of Turquoise, Tint of Maroon, Shade of Indian Red, Shade of Pale Turquoise, Shade of Saddle Brown
Color scheme was created by colorswall

Color codes in palette

Finances design system finance colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#c2ce42 #c2ce42 RGB(194, 206, 66)——
#8ce4cc #8ce4cc RGB(140, 228, 204)——
#5f2918 #5f2918 RGB(95, 41, 24)——
#a25a55 #a25a55 RGB(162, 90, 85)——
#b8ddca #b8ddca RGB(184, 221, 202)——
#624037 #624037 RGB(98, 64, 55)——

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#c2ce42
#8ce4cc
1.15
#c2ce42
#b8ddca
1.16
#8ce4cc
#b8ddca
1.01
#5f2918
#624037
1.27
#a25a55
#624037
1.78

Image palette Finances design system finance colors palette png