Hazy Courtyard color palette — #DDF3F9 · #009AC5 · #00668C · #004364 · #001C33
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#DDF3F9): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#009AC5): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00668C): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004364): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#001C33): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Lagoon Station color palette (#BEEBE6, #009795, #006E74, #00434A, #001D23)
- Powdered Thicket color palette (#D8E5EE, #0196EB, #005EA9, #003176, #031050)
- Soft Quarry color palette (#DAEDF2, #00B0DC, #0081B0, #005E8D, #003760)
- Wandering Raspberry color palette (#CBEBE1, #008ED8, #C30099, #00517E, #2D0021)
- Faded Periwinkle Hollow color palette (#D6E8FF, #4798FF, #0059AD, #002A54, #000718)
- Chalky Denim Veranda color palette (#B8FDFF, #00C7E6, #008AB9, #004F9D, #121160)
- Aged Cobalt Hollow color palette (#CBF0DF, #80BBE3, #3C8AC4, #315882, #412C41)
- Muted Atelier color palette (#E9F3FF, #B1C6FF, #9B95FF, #00669C, #031943)
Browse the whole catalog at Explore, or see today's palette.