Storm Cloud is a 4-colour gray, blue palette combining Gunmetal, Charcoal, Dusty Blue and Light Gray. It works especially well for dark-mode interfaces and dramatic, premium visuals. 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 |
|---|---|---|---|---|
| Gunmetal | ||||
| Charcoal | ||||
| Dusty Blue | ||||
| Light Gray |
Export palette
:root {
--gunmetal: #2f3640;
--charcoal: #4b5563;
--dusty-blue: #8a94a6;
--light-gray: #d5d6d7;
}Contrast & accessibility
WCAG contrast for each colour pairing. Use AA or AAA pairs for body text.
Aa
8.38:1AAA
Aa
5.19:1AA
Aa
3.99:1AA Large
Aa
2.47:1Fail
Aa
2.10:1Fail
Aa
1.61:1Fail