Clover Courtyard color palette — #F6F7E1 · #4EBF00 · #00705A · #225C00 · #010200
A conversation between Clover and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6F7E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#4EBF00): A luminous, vivid green — the color of new leaves after rain.
- Pine (#00705A): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#225C00): A full-bodied, balanced green — the color of new leaves after rain.
- Black (#010200): quiet, heavy and certain.
Feels like: Nature, Growth, Energy, Balance. Tagged duotone, vibrant.
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
- Ancient Moss color palette (#FBF5E2, #AAA900, #007340, #515100, #010100)
- Muted Jade color palette (#EFF9E7, #00BD96, #006C79, #005B47, #000200)
- Emerald Harbor color palette (#E4F6C8, #00A274, #00625B, #00275F, #000503)
- Wandering Lime Loft color palette (#E1E0CC, #85BE26, #0093A7, #5A8600, #000501)
- Linen Seafoam Harbor color palette (#ECFBE2, #00E3BC, #008DA3, #007D67, #000203)
- Washed Market color palette (#D7EBE6, #5C8800, #004E51, #273E00, #000202)
- Forest Study color palette (#F3F7EB, #CBE0D3, #B2C0AA, #1E7142, #0B0F01)
- Washed Aubergine color palette (#EDFBE0, #007E63, #00426F, #21005E, #010100)
Browse the whole catalog at Explore, or see today's palette.