Harbor Blue is a 4-colour blue, cool palette combining White, Ice Blue, Dusty Blue and Prussian Blue. 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 |
|---|---|---|---|---|
| White | ||||
| Ice Blue | ||||
| Dusty Blue | ||||
| Prussian Blue |
Export palette
:root {
--white: #f2f7fb;
--ice-blue: #cfe0ef;
--dusty-blue: #8ca7cb;
--prussian-blue: #2c4f78;
}Contrast & accessibility
WCAG contrast for each colour pairing. Use AA or AAA pairs for body text.
Aa
7.80:1AAA
Aa
6.23:1AA
Aa
3.41:1AA Large
Aa
2.29:1Fail
Aa
1.83:1Fail
Aa
1.25:1Fail