Sapphire Boulevard color palette — #CCECF5 · #02BEF9 · #0097E7 · #0071D5 · #1E2C75
A conversation between Royal Blue and Azure, giving this palette its sense of trust and stability.
The five colors
- Frost (#CCECF5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#02BEF9): A luminous, balanced blue — the color of deep harbor water.
- Azure (#0097E7): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#0071D5): A full-bodied, vivid blue — the color of deep harbor water.
- Navy (#1E2C75): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Sapphire Boulevard 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
- Ultramarine Pier color palette (#CFE9E9, #00AEC8, #0087D1, #302DD6, #332173)
- Wandering Courtyard color palette (#D7EFFF, #6AB7FF, #5791FF, #424CF5, #31216D)
- Azure Courtyard color palette (#C7E8F7, #009CD8, #00669E, #003E6B, #001738)
- Softworn Nightshade Balcony color palette (#8AFCFF, #00D1F4, #0084DF, #113BB1, #230455)
- Aqua Basin color palette (#C9E9E3, #00CED1, #00ABBC, #00829F, #003751)
- Pale Balcony color palette (#DEE9FF, #AAC8FF, #6D95FF, #075EEC, #001446)
- Soft Pier color palette (#D9EBFF, #9AC1FF, #8494FF, #7E5EE1, #453065)
- Azure Parlor color palette (#FFF0FE, #E7D3F1, #DFBBFF, #00B0E6, #263159)
Browse the whole catalog at Explore, or see today's palette.