Hazy Courtyard color palette — #FFF1F6 · #5FC3FD · #3761DC · #005652 · #372560

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#5FC3FD): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#3761DC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#005652): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#372560): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Hazy 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

• Petrol Loft color palette (#F9E9F2, #73BDD7, #316BA5, #005142, #27294E)
• Worn Nightshade Hollow color palette (#FBEAEF, #5AA6E1, #3B48B2, #003E3F, #25153B)
• Wandering Workshop color palette (#FCF2F9, #8DDDEC, #1588C4, #006A49, #2C3C6E)
• Cornflower Boulevard color palette (#E6FAF9, #9DD2F8, #0091EE, #006E8D, #003169)
• Hushed Navy Archive color palette (#E5F1FF, #3A9EFE, #005AAC, #01188D, #001B46)
• Navy Orchard color palette (#CEECE7, #00A1BD, #006C95, #003A97, #371C70)
• Weathered Fuchsia Thicket color palette (#E9F8FF, #C7CCFF, #E87DC9, #006B6B, #263154)
• Worn Hollow color palette (#CDE9FF, #008CD5, #A15D00, #005381, #452500)

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