Clover Courtyard color palette — #F3F2D0 · #62BC3F · #008E5D · #005B50 · #153E57
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Custard (#F3F2D0): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#62BC3F): A luminous, vivid green — the color of fresh herbs.
- Fern (#008E5D): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#005B50): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#153E57): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
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
- Timeworn Clover color palette (#E0F1D6, #00B83B, #008255, #005141, #00312C)
- Hazy Olive Workshop color palette (#F1E5C3, #9BA800, #238405, #006247, #004A45)
- Dusty Meadow color palette (#DCF6DB, #00B683, #00847F, #005F6F, #00456A)
- Tempered Chartreuse Cabin color palette (#D3EB99, #83DE66, #00C583, #008B7B, #004E4E)
- Teal Quarry color palette (#D6FFF8, #00C0B1, #007863, #004540, #002F26)
- Gentle Mint Delta color palette (#DBE9BE, #5EC6AD, #009198, #005F80, #533854)
- Crimson Boulevard color palette (#CBF9D7, #009951, #D40047, #AF173E, #0D3A1F)
- Gentle Alley color palette (#E8FDDD, #00AB93, #CA2ABA, #006C5C, #5A1F53)
Browse the whole catalog at Explore, or see today's palette.