Sapphire is a 4-colour blue, luxury palette combining Oxford Blue, Midnight Blue, Sapphire and Periwinkle. It works especially well for premium packaging, jewellery and high-end invitations, and 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 |
|---|---|---|---|---|
| Oxford Blue | ||||
| Midnight Blue | ||||
| Sapphire | ||||
| Periwinkle |
Export palette
:root {
--oxford-blue: #07122b;
--midnight-blue: #0f2a6b;
--sapphire: #1f4fbf;
--periwinkle: #9db7f5;
}Contrast & accessibility
WCAG contrast for each colour pairing. Use AA or AAA pairs for body text.
Aa
9.31:1AAA
Aa
6.73:1AA
Aa
3.59:1AA Large
Aa
2.59:1Fail
Aa
1.87:1Fail
Aa
1.38:1Fail