Frosted Courtyard color palette — #D8E9D3 · #00C639 · #008F4B · #006C46 · #003828
Built around Clover, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D8E9D3): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#00C639): A luminous, vivid green — the color of fresh herbs.
- Fern (#008F4B): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#006C46): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#003828): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Frosted 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
- Quiet Jade Veranda color palette (#CBECD6, #00BF84, #008F70, #006657, #003E38)
- Pale Lime Drift color palette (#E6EFD0, #81BC00, #438E00, #186605, #003F16)
- Soft Villa color palette (#EBF1CE, #69A800, #007043, #00503D, #003543)
- Timeworn Jade color palette (#DEEBC0, #00BC71, #CE7100, #007E49, #472300)
- Dusty Lime Archive color palette (#FEE970, #8AD800, #009637, #006457, #002425)
- Mint Parlor color palette (#A0FEE4, #00D0AF, #008E77, #005242, #00221A)
- Misty Boulevard color palette (#D0ECE4, #00A38A, #0088CE, #737400, #002B23)
- Mustard Harbor color palette (#F2ECDB, #C3A400, #857900, #555600, #343C00)
Browse the whole catalog at Explore, or see today's palette.