Sapphire Boulevard color palette — #F3F7EC · #97BCE0 · #0069D9 · #005172 · #142C6D
Royal Blue and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F3F7EC): a clean, paper-quiet neutral.
- Sky (#97BCE0): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#0069D9): A full-bodied, vivid blue — the color of open sky before noon.
- Peacock (#005172): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#142C6D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light.
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
- Tempered Cabin color palette (#EDF0E7, #86B9D4, #006FA3, #004D5D, #003053)
- Timeworn Quarry color palette (#FEEFDE, #7EC2FF, #4160EA, #00505B, #1D0944)
- Cerulean Grove color palette (#F4F6EC, #9CD9ED, #008BB6, #00656F, #004565)
- Muted Cornflower color palette (#EDF9EC, #9DD0FF, #5C81FF, #00707F, #342368)
- Wandering Dune color palette (#E6FAF9, #BCDDFF, #71ACFF, #008FC7, #1D305F)
- Airy Veranda color palette (#DFFFE6, #6ADFFF, #1DB0F6, #007470, #00404B)
- Aged Cypress Workshop color palette (#E8E9D9, #66ADAB, #006469, #003F36, #00242A)
- Tempered Cerulean Chapel color palette (#E9EADD, #498C97, #004452, #002222, #000B11)
Browse the whole catalog at Explore, or see today's palette.