Hazy Courtyard color palette — #D1E3DF · #67A36D · #007344 · #683600 · #002206
Built around Pine, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Silver (#D1E3DF): bright and airy, almost weightless.
- Moss (#67A36D): A luminous, balanced green — the color of fresh herbs.
- Pine (#007344): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#683600): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#002206): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Hushed Fern Cabin color palette (#CEE5D6, #99955C, #606700, #6B3400, #1E1B00)
- Weathered Pine color palette (#D5EAE6, #7FB487, #008755, #625600, #0B3215)
- Misty Garden color palette (#F6F8DB, #5DB970, #007246, #543314, #000B02)
- Muted Amber color palette (#D1E6CE, #B87600, #008969, #734800, #002117)
- Softworn Cabin color palette (#D0E8DF, #488B54, #005141, #471846, #00201E)
- Fern Quarry color palette (#E0F4EC, #697D49, #235200, #3C2700, #040700)
- Olive Archive color palette (#D5F4DF, #B9AE44, #787F00, #8B4500, #332F00)
- Airy Clover Villa color palette (#E7E3D1, #5BC06E, #009479, #7A5578, #002207)
Browse the whole catalog at Explore, or see today's palette.