Sapphire Boulevard color palette — #FFF3E9 · #7FC1E7 · #0469D8 · #005558 · #281F7A

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sky (#7FC1E7): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0469D8): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#005558): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#281F7A): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Petrol Study color palette (#FFF2EC, #74C7D2, #00799E, #005844, #00345F)
• Cobalt Station color palette (#E0F8F6, #78C5F2, #0078BA, #004F62, #001A37)
• Azure Hollow color palette (#F3F8E5, #8ED4FF, #0093E5, #006E89, #023361)
• Wandering Summit color palette (#E8DFD7, #7CA4C1, #2450AD, #003D43, #1D1449)
• Periwinkle Market color palette (#FFF1F7, #AFE1FF, #6EACFF, #00979B, #282A66)
• Ultramarine Courtyard color palette (#F8F2FF, #F6B4E5, #E77C7D, #2C4ED9, #4D1F58)
• Wandering Denim Delta color palette (#F5E3DA, #5A9BA3, #00516A, #003123, #00152A)
• Dusty Petrol color palette (#F9F4EF, #CAE7EB, #B08CA9, #107C8B, #664858)

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