Hazy Sapphire Boulevard color palette — #FFECF2 · #78C4FC · #3668DE · #005058 · #190A46

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
• Sky (#78C4FC): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#3668DE): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005058): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#190A46): 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 Hazy 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

• Washed Petrol color palette (#F5E4EC, #72BFDE, #2B6FAA, #004B48, #091039)
• Ancient Sapphire Corridor color palette (#FFF3E7, #77C0F6, #4D63C9, #005656, #3C2063)
• Soft Coast color palette (#F9EEF5, #8FDEF1, #008DC8, #006356, #07234D)
• Tempered Denim color palette (#E4F1E3, #62A2DB, #3B51A0, #003841, #0D002A)
• Cornflower Basin color palette (#FFF4E2, #9FD1F9, #3D89F7, #006F85, #21296F)
• Cerulean Basin color palette (#EFE2EB, #039BAF, #00506F, #002D23, #000410)
• Dusty Turquoise color palette (#F7EFF4, #D0D5F2, #67A7B7, #4A765D, #233949)
• Byzantium Studio color palette (#E7F3D4, #81A423, #8F1CBC, #405500, #250034)

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