Slate Blue is a 5-colour blue, gray palette combining Charcoal, Slate Gray, Dusty Blue, Light Gray and Snow. Because the colours share a similar hue, the palette feels cohesive — use contrast in lightness to create hierarchy.
Colour codes
| Colour | HEX | RGB | HSL | CMYK |
|---|---|---|---|---|
| Charcoal | ||||
| Slate Gray | ||||
| Dusty Blue | ||||
| Light Gray | ||||
| Snow |
Export palette
:root {
--charcoal: #2e3a48;
--slate-gray: #4e6378;
--dusty-blue: #8399ad;
--light-gray: #c8d3dd;
--snow: #f3f5f7;
}Contrast & accessibility
WCAG contrast for each colour pairing. Use AA or AAA pairs for body text.
Aa
10.59:1AAA
Aa
7.61:1AAA
Aa
5.69:1AA
Aa
4.09:1AA Large
Aa
3.93:1AA Large
Aa
2.70:1Fail
Aa
2.11:1Fail
Aa
1.94:1Fail
Aa
1.86:1Fail
Aa
1.39:1Fail