Clover Courtyard color palette — #F4F8E2 · #5DBE60 · #6F79C2 · #8A4456 · #3E3633
A conversation between Clover and Slate Blue, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F8E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#5DBE60): A luminous, vivid green — the color of new leaves after rain.
- Slate Blue (#6F79C2): A full-bodied, balanced violet — the color of a velvet chair.
- Garnet (#8A4456): A full-bodied, balanced red — the color of late-summer berries.
- Charcoal (#3E3633): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Teal Ridge color palette (#EEF9E8, #00BFA5, #946DAF, #834D42, #512E16)
- Pale Lagoon color palette (#F9F5E7, #A8AD1C, #3986C1, #7B4A71, #4F2A3D)
- Mulberry Loft color palette (#E9F9F8, #8DCBA5, #4492C4, #7F3C89, #4B1A00)
- Quiet Thicket color palette (#F8F6E4, #7A934C, #6F5297, #6F323B, #4F2512)
- Seafoam Archive color palette (#F8F5EB, #A3D3A2, #56A088, #73726A, #42433C)
- Chalky Byzantium color palette (#DEEED2, #00A485, #8639C5, #88002E, #3E1700)
- Muted Bronze color palette (#F6F9D5, #B3CCA6, #87AB9D, #AC694F, #7F3F27)
- Sunlit Mint Hollow color palette (#BDF5D9, #1BD8BA, #00A9B0, #107A93, #244E41)
Browse the whole catalog at Explore, or see today's palette.