Sapphire Boulevard color palette — #FFF1F7 · #71C3ED · #2063E1 · #005650 · #342564
Built around Royal Blue, softened by Royal Purple — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Sky (#71C3ED): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#2063E1): A full-bodied, vivid violet — the color of twilight just after sunset.
- Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
- Royal Purple (#342564): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.
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
- Muted Cobalt Study color palette (#FCF2F7, #A6CAE3, #4979BC, #006156, #383559)
- Cobalt Villa color palette (#FAF0E1, #60C7FF, #0074C8, #00505B, #051443)
- Muted Ultramarine Atelier color palette (#F7E6EC, #78A5C3, #2C49B9, #003E3C, #241243)
- Ancient Forest Dune color palette (#FCF1FD, #5FCCC8, #007A96, #015B13, #00345E)
- Softworn Forest color palette (#F8F3F9, #B7E5F2, #3E97B1, #3B703E, #364A5E)
- Washed Studio color palette (#FFF3E8, #AEE2FF, #6DADFF, #00979A, #27276D)
- Antique Iris Pier color palette (#FBF3F5, #DADDEE, #8696D1, #277D7E, #4E5069)
- Tempered Atelier color palette (#EDDEEC, #429FA8, #00506F, #00321A, #000F3A)
Browse the whole catalog at Explore, or see today's palette.