Tempered Clover color palette — #C5F689 · #32B559 · #007755 · #003A34 · #000809
Built around Clover, softened by Butter — the whole palette hums with nature and growth.
The five colors
- Butter (#C5F689): A whisper-light, balanced green — the color of new leaves after rain.
- Clover (#32B559): A luminous, vivid green — the color of fresh herbs.
- Pine (#007755): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#003A34): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000809): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Clover 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
- Worn Jade color palette (#D9EDD9, #00BE89, #007568, #003A3E, #000508)
- Quiet Workshop color palette (#F3ECCF, #9EAE13, #3E6F00, #00391A, #000302)
- Tempered Lagoon color palette (#DCF1E1, #009D79, #005853, #00282D, #000102)
- Gentle Emerald color palette (#FFEBCC, #30A426, #006358, #42005D, #000502)
- Antique Atelier color palette (#FAECD2, #96A640, #00935A, #006164, #001B27)
- Powdered Chartreuse color palette (#F1FAD9, #ADD941, #00C782, #008A8D, #000604)
- Muted Mint Grove color palette (#DCFFEA, #00D6BA, #00979F, #004E5C, #001C2C)
- Worn Fern color palette (#F5F6ED, #D0DDD3, #B0C1A5, #3B6F12, #0D0D02)
Browse the whole catalog at Explore, or see today's palette.