Hazy Courtyard color palette — #CAF0F0 · #44CEF9 · #539CEC · #5D6EBF · #3C315E

Cornflower takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#CAF0F0): A whisper-light, dusty teal — the color of sea glass.
• Sky (#44CEF9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cornflower (#539CEC): A luminous, balanced blue — the color of open sky before noon.
• Cornflower Indigo (#5D6EBF): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#3C315E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Dusty Ultramarine color palette (#E7F9FF, #75C9F7, #2C9BF4, #1B53B9, #262A5C)
• Quiet Iris Market color palette (#DEF3FF, #8DBDFF, #848FF4, #8E60B3, #4F254C)
• Softworn Aqua Parlor color palette (#D6ECE2, #36D4D3, #00AAC5, #007BAF, #2B3B69)
• Sapphire Dune color palette (#D3F0F3, #00A7CD, #0069BD, #2F3187, #261C3F)
• Dusty Study color palette (#F1F5FF, #B9CDFF, #889EF1, #5E6FB7, #121748)
• Cornflower Lantern color palette (#FBE8F8, #9CBFFF, #F3AA51, #5784DB, #4D2D00)
• Hushed Cornflower color palette (#C5F1FB, #00A6D9, #3A74F1, #4D3CB6, #2D0042)
• Byzantium Cabin color palette (#D9E9F9, #91B1FF, #936EFF, #A730C9, #5C0049)

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