Created at 11/08/2020 15:57
  0.27k

Navigation design system templates expand palette

#eb457d
#74acfc
#952b4c
#72747e
#bcdcb4
#4c4c54
The palette consists of Light colors. Accent colors #eb457d and #74acfc. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #4C4C54 (darkest) to #BCDCB4 (lightest). The lightness range is moderate.

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

Hues are spread broadly around the wheel — a varied palette (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #4C4C54, #72747E, #74ACFC, #952B4C, #BCDCB4, #EB457D

Palette Navigation design system templates expand palette has combination of 6 codes colors:
HEX: #eb457d, RGB: (235, 69, 125); HEX: #74acfc, RGB: (116, 172, 252); HEX: #952b4c, RGB: (149, 43, 76)
HEX: #72747e, RGB: (114, 116, 126); HEX: #bcdcb4, RGB: (188, 220, 180); HEX: #4c4c54, RGB: (76, 76, 84)
Simplified version of palette colors
Shade of deeppink, Shade of cornflowerblue, Tint of brown, Tint of slategrey, Shade of darkseagreen, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Navigation design system templates expand palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#eb457d #eb457d RGB(235, 69, 125)
#74acfc #74acfc RGB(116, 172, 252)
#952b4c #952b4c RGB(149, 43, 76)
#72747e #72747e RGB(114, 116, 126)
#bcdcb4 #bcdcb4 RGB(188, 220, 180)
#4c4c54 #4c4c54 RGB(76, 76, 84)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#eb457d
#74acfc
1.59
#eb457d
#72747e
1.25
#74acfc
#bcdcb4
1.55
#952b4c
#72747e
1.65
#952b4c
#4c4c54
1.1
#72747e
#4c4c54
1.82

Image palette Navigation design system templates expand palette png