Sapphire Boulevard color palette — #EFE7E1 · #89BBD7 · #3566C5 · #004C46 · #170E31

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

The five colors

• Parchment (#EFE7E1): bright and airy, almost weightless.
• Sky (#89BBD7): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#3566C5): A full-bodied, balanced violet — the color of wild irises.
• Forest (#004C46): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#170E31): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cobalt Pier color palette (#F4EEE4, #7BBADF, #006AB8, #004E58, #1C2C52)
• Timeworn Field color palette (#F7F1EA, #AAD1C4, #5D74CE, #005B5B, #25183A)
• Hushed Balcony color palette (#F3E6E1, #9BBEA0, #00759D, #004E2A, #031433)
• Teal Villa color palette (#F3E4DF, #4AAEB0, #00617E, #003C18, #000A1E)
• Worn Quarry color palette (#F9EFEC, #8AE0E7, #008FBE, #006637, #06234F)
• Hazy Wisteria color palette (#D4F2E6, #B0BEEE, #CE7BC4, #00706B, #240C25)
• Timeworn Petrol Garden color palette (#D1E4DA, #007794, #735B00, #404E11, #000D13)
• Misty Navy color palette (#CEE8E4, #0099A5, #005A81, #003770, #11073E)

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