Tempered Clover color palette — #BDF2A6 · #5CC95C · #00AB55 · #007145 · #004B36
Clover takes the lead with Kelly Green close behind in a set that reads as nature and growth at first glance.
The five colors
- Mint (#BDF2A6): A whisper-light, balanced green — the color of a quiet forest floor.
- Clover (#5CC95C): A luminous, vivid green — the color of a quiet forest floor.
- Kelly Green (#00AB55): A luminous, vivid teal — the color of glacier melt.
- Pine (#007145): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004B36): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth. 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
- Clover Courtyard color palette (#E2FFD8, #70E177, #00B65A, #006E41, #00422D)
- Soft Drift color palette (#D9EC8D, #98C443, #619B00, #217901, #004914)
- Worn Mint color palette (#CEEED7, #05D191, #009C76, #007965, #004C45)
- Muted Pine color palette (#E7EDCF, #84B33E, #009035, #00604B, #004946)
- Ancient Mint Boulevard color palette (#D9FFF2, #26E3B5, #00A681, #00614D, #003023)
- Mint Loft color palette (#F0FADC, #27CD7F, #E57C00, #008E54, #5A2D00)
- Jade Atelier color palette (#C7F9E0, #00B782, #009CCE, #917D00, #003A27)
- Muted Boulevard color palette (#80F8E8, #00C5BD, #009EA4, #00757F, #004853)
Browse the whole catalog at Explore, or see today's palette.