Sapphire Boulevard color palette — #F9EAEF · #83B8DC · #3465B9 · #004F54 · #292850

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9EAEF): a clean, paper-quiet neutral.
• Sky (#83B8DC): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#3465B9): A full-bodied, balanced violet — the color of wild irises.
• Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#292850): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Petrol Station color palette (#F8E9F5, #56C3D2, #007297, #00523F, #052F55)
• Washed Lagoon color palette (#F6E3EA, #96B8D3, #4C66B2, #004B49, #1B0837)
• Misty Cornflower Thicket color palette (#F7ECE3, #9FCBE9, #6181D7, #006C69, #322450)
• Gentle Cerulean color palette (#FEF0FB, #8DDDE9, #008BB7, #006952, #214264)
• Periwinkle Delta color palette (#F4EEE4, #B4DECF, #71A7EC, #008DA5, #1B275F)
• Cerulean Workshop color palette (#F8E2EE, #019EC5, #004D7D, #00302D, #040B3D)
• Ancient Ash color palette (#F1F7F0, #DADDEE, #8498C7, #4C7586, #4B5169)
• Grape Boulevard color palette (#BCEADC, #7B9C21, #7239A9, #3E5100, #311D48)

Browse the whole catalog at Explore, or see today's palette.