Sapphire Boulevard color palette — #F0E7E0 · #88BBDB · #4466B9 · #004C48 · #190937

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

The five colors

• Parchment (#F0E7E0): bright and airy, almost weightless.
• Sky (#88BBDB): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#4466B9): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#004C48): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#190937): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Dusty Abyss Lantern color palette (#F3E6E2, #7FC1C1, #007696, #004F1E, #001631)
• Ancient Ridge color palette (#F3EEE6, #8EBDAC, #2069B5, #004E5A, #19285F)
• Weathered Cobalt color palette (#FAF0E6, #ABD1C7, #7077AD, #005A60, #281737)
• Antique Coast color palette (#FFEEE6, #9FDCE3, #008EC2, #00663D, #0B224F)
• Washed Hollow color palette (#EFF8F0, #D3DEFC, #5A95D8, #006878, #0E1A44)
• Dusty Ridge color palette (#F7E8DF, #5394AA, #004A86, #002D23, #03001B)
• Timeworn Iris color palette (#E1F2D9, #9BD1E2, #9594DB, #446B2D, #002122)
• Worn Cypress color palette (#F7F1EA, #C6E6EA, #B48FAA, #347778, #452E38)

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