Hazy Courtyard color palette — #FFF0FC · #6BDFEB · #009AC6 · #007559 · #00345D

Cerulean takes the lead with Ice Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Ice Blue (#6BDFEB): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#009AC6): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007559): A full-bodied, balanced teal — the color of sea glass.
• Navy (#00345D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Cornflower Boulevard color palette (#FFF0F7, #8AD5FF, #2D8BFA, #007274, #282A65)
• Timeworn Turquoise color palette (#FEF4E4, #C7F9FF, #00AAD0, #007466, #00283C)
• Weathered Petrol color palette (#FFF0FD, #72C7D3, #0076A8, #005938, #182E66)
• Chalky Sky Chapel color palette (#FFF2ED, #93EAF7, #2AB7FC, #009D67, #112B73)
• Periwinkle Balcony color palette (#FBF2F7, #C7EBFF, #70ABDB, #4A8780, #3A485E)
• Tempered Boulevard color palette (#F0DFE8, #379FC6, #005A9B, #003C3A, #030327)
• Moss Quarry color palette (#DDFFE3, #71F3E0, #59CAFF, #808C00, #00442D)
• Pale Emerald color palette (#EDEDDD, #90AE00, #00983A, #006946, #003D37)

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