Clover Courtyard color palette — #DFFFCB · #7EBA54 · #3E7006 · #214100 · #0D2500
Clover and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#DFFFCB): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#7EBA54): A luminous, balanced green — the color of new leaves after rain.
- Olive (#3E7006): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#214100): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Forest (#0D2500): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged monochrome.
Use it as a design system
One click turns Clover 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
- Faded Olive Summit color palette (#D7FFF7, #BBDD9E, #73B969, #588100, #122B00)
- Feathered Mustard Balcony color palette (#FAF5BA, #B5A925, #6F6700, #403B00, #272200)
- Chalky Olive Chapel color palette (#E7FED3, #A2C67E, #628E3E, #2C5A09, #0F2D00)
- Aged Balcony color palette (#DAFFEF, #18C395, #007350, #00412D, #00281A)
- Timeworn Delta color palette (#E2F3F1, #A3A13C, #105026, #042A10, #00151C)
- Ancient Emerald Study color palette (#D9F1D8, #009630, #005011, #002005, #000B00)
- Worn Mint color palette (#D7FFF7, #BAECC3, #84C5A7, #687844, #1F4944)
- Worn Teal Orchard color palette (#E8F9FD, #00B0AA, #006591, #005C59, #051A29)
Browse the whole catalog at Explore, or see today's palette.