Sapphire Pier color palette — #DAE7F2 · #50AFFF · #0072DF · #194EA0 · #2C3C76
Built around Royal Blue, softened by Cornflower — the whole palette hums with trust and stability.
The five colors
- Frost (#DAE7F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#50AFFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#0072DF): A full-bodied, vivid blue — the color of open sky before noon.
- Indigo (#194EA0): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2C3C76): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Sapphire Pier into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Antique Loft color palette (#C9EDFD, #00A0E7, #006EC5, #24369B, #1D195A)
- Lapis Station color palette (#CEE3FF, #5F94FF, #4555EC, #413E9F, #3D3973)
- Linen Turquoise color palette (#B2EBFF, #00B1E7, #00739F, #005685, #0F416D)
- Faded Boulevard color palette (#F2F5FF, #9CA9FF, #4853D5, #252D85, #1C1A5E)
- Hushed Quarry color palette (#CEE5E7, #5BD0FF, #43A8FF, #6C68FF, #472B77)
- Washed Ultramarine color palette (#EFF6FF, #4E90FF, #009666, #0051C7, #00472E)
- Faded Chapel color palette (#E6E7FF, #9D91F0, #826ABE, #604880, #4F3857)
- Indigo Lantern color palette (#E4EBFF, #536CFF, #B5329C, #006D77, #232D54)
Browse the whole catalog at Explore, or see today's palette.