Tempered Clover color palette — #D5E9CC · #00C650 · #008F5A · #005E47 · #003229
Clover takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D5E9CC): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#00C650): A luminous, vivid green — the color of a quiet forest floor.
- Fern (#008F5A): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#005E47): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#003229): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.
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
- Lime Basin color palette (#E2EACF, #7AC400, #299607, #005C27, #002E1D)
- Faded Moss Study color palette (#E4EBAD, #3AB600, #008358, #005475, #023310)
- Teal Veranda color palette (#D5EDE4, #00C2A7, #009189, #005E60, #002F35)
- Lime Lantern color palette (#EBF0DE, #84CE5D, #00AD68, #007D6B, #002D2C)
- Mustard Ridge color palette (#FFF4E0, #C4C700, #00974C, #005C51, #001F2A)
- Powdered Chartreuse Harbor color palette (#D5FFFB, #8FEB00, #00D25E, #009F7D, #00331A)
- Emerald Bloom color palette (#BCF5EF, #00A933, #00787B, #004981, #292500)
- Patina Lantern color palette (#CFEDD9, #008F52, #004332, #00201F, #000A09)
Browse the whole catalog at Explore, or see today's palette.