Sapphire Boulevard color palette — #FFF1F5 · #8EBDE6 · #3A62D9 · #00545E · #33226B

Built around Royal Blue, softened by Royal Purple — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sky (#8EBDE6): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#3A62D9): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#00545E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Royal Purple (#33226B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, 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

• Worn Sapphire Lantern color palette (#EFF4E6, #8EC1ED, #0070D3, #004D6A, #00114C)
• Navy Pier color palette (#FEF1F9, #68C7DE, #0076A9, #00574B, #002E71)
• Timeworn Cornflower Courtyard color palette (#E9F9F9, #A7D0F4, #228BFB, #006C94, #04297B)
• Frosted Fuchsia Canyon color palette (#E7F4FF, #C1C2FF, #E17CD2, #007084, #293262)
• Navy Lagoon color palette (#C8EDF0, #00A6CE, #006CAE, #004091, #292676)
• Sapphire Bloom color palette (#DBE9FF, #0069E5, #895800, #4D530A, #002152)
• Airy Ultramarine Harbor color palette (#E2EAFF, #5D94FF, #193DD4, #002D6D, #02005C)
• Periwinkle Balcony color palette (#FEF3E9, #B9DFFF, #83A7FF, #0095A5, #32295E)

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