Hazy Courtyard color palette — #D1F8F5 · #00642B · #004C68 · #090084 · #000300
Built around Indigo, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D1F8F5): A whisper-light, dusty teal — the color of sea glass.
- Pine (#00642B): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#004C68): A deep, shadowed, dusty blue — the color of open sky before noon.
- Indigo (#090084): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Nocturne Onyx color palette (#DCF3F6, #006757, #003E51, #100059, #010200)
- Softworn Nightshade Delta color palette (#D7E8EC, #00605B, #2200CB, #3C005D, #000203)
- Tempered Lagoon color palette (#E1F6EF, #007835, #004939, #002139, #000502)
- Velvet Ridge color palette (#D2F3DC, #5D4C00, #3E2384, #1C0049, #020100)
- Forest Market color palette (#DDEEDB, #734800, #00542B, #00302D, #000300)
- Pale Aubergine Lantern color palette (#E4DFD2, #7B6E00, #0065A8, #671982, #020200)
- Grape Pier color palette (#D8EAF4, #006C84, #6E00B9, #5F004D, #00050A)
- Lowlit Aubergine Studio color palette (#F9E1EE, #803200, #34008F, #30002F, #070001)
Browse the whole catalog at Explore, or see today's palette.