Clover Courtyard color palette — #F7EFCE · #5DBB4D · #298B65 · #005D82 · #30312A
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Custard (#F7EFCE): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#5DBB4D): A luminous, vivid green — the color of fresh herbs.
- Fern (#298B65): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005D82): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#30312A): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Washed Jade Field color palette (#F0F4E3, #2EB064, #00818A, #225185, #302D00)
- Faded Alley color palette (#FCEEC9, #A5AA08, #56872E, #00616A, #32312A)
- Patina Mint Orchard color palette (#FAF7D9, #5BC99B, #049B8F, #4B6588, #36412D)
- Hushed Aubergine Garden color palette (#FDECD1, #6B9351, #006A56, #4E2C71, #16391E)
- Emerald Ridge color palette (#E9E5C7, #009A4F, #006755, #003B62, #001C0F)
- Tempered Nightshade color palette (#CCF2B7, #00B0A3, #007D8B, #4035AB, #003030)
- Linen Chartreuse Lantern color palette (#F3F9DC, #B6F245, #5ED57C, #1BAC84, #0B3821)
- Feathered Mulberry color palette (#FFF2EE, #C1BA6C, #009280, #802C5E, #152704)
Browse the whole catalog at Explore, or see today's palette.