Hazy Sapphire Courtyard color palette — #E6F5F5 · #8BC1F3 · #006EDC · #004D6C · #010E4F

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

The five colors

• Ivory (#E6F5F5): bright and airy, almost weightless.
• Sky (#8BC1F3): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006EDC): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#004D6C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#010E4F): 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 Courtyard 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

• Aged Alley color palette (#E6F6F4, #8CC4DF, #007AB0, #004F5E, #001B32)
• Tempered Grove color palette (#FFF3E5, #8DBDE8, #3450FF, #00545F, #342565)
• Dusty Cornflower Basin color palette (#F3F7EB, #A1D0FF, #3389FE, #006B97, #152C6F)
• Muted Amethyst color palette (#C2E8F3, #009A98, #7B45EA, #005857, #1B0042)
• Cerulean Station color palette (#D1E2DF, #358592, #004351, #001F1F, #000203)
• Sky Ridge color palette (#DCF5FF, #97E2F8, #33B9FE, #007876, #002129)
• Ancient Petrol color palette (#D2EFE8, #008473, #0069A8, #525700, #00120F)
• Washed Coast color palette (#ECF4F2, #BFE3F0, #5599A7, #006D69, #00323F)

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