Hazy Courtyard color palette — #E9E8C9 · #579D00 · #007641 · #004E45 · #002124
Kelly Green and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E9E8C9): A whisper-light, dusty green — the color of new leaves after rain.
- Kelly Green (#579D00): A luminous, vivid green — the color of fresh herbs.
- Pine (#007641): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004E45): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#002124): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Tempered Emerald color palette (#DFEFDE, #00A670, #00766E, #00434F, #002133)
- Pine Villa color palette (#DAE6D2, #138B1C, #005A38, #003B2D, #002621)
- Moss Alley color palette (#FFEBD3, #9E8B00, #547100, #004F18, #00231C)
- Tempered Alley color palette (#D6F0F2, #009D7A, #C500A6, #00624B, #34002A)
- Antique Jade color palette (#DFF2DC, #00C084, #009087, #005B6B, #003754)
- Gentle Moss Archive color palette (#D8F5DF, #879630, #785C00, #602D00, #001D04)
- Jade Courtyard color palette (#BEF1DF, #92CA8A, #00A77D, #007B7D, #154E5C)
- Hushed Periwinkle Lantern color palette (#C1ECEA, #87D5D6, #789AF8, #606800, #00262C)
Browse the whole catalog at Explore, or see today's palette.