Tempered Clover color palette — #C9F1D3 · #CFD47F · #7BBC47 · #3A9E7A · #174E56
Clover and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#C9F1D3): A whisper-light, dusty teal — the color of sea glass.
- Honey (#CFD47F): A whisper-light, balanced green — the color of a quiet forest floor.
- Clover (#7BBC47): A luminous, vivid green — the color of a quiet forest floor.
- Fern (#3A9E7A): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal (#174E56): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Lime Veranda color palette (#FFE0EA, #D9C567, #A1BB38, #609558, #164F53)
- Timeworn Mint color palette (#BFF5E5, #A6DB99, #00C8A0, #069996, #214E62)
- Linen Loft color palette (#F4FBC3, #C5E885, #7BB964, #447D55, #10494A)
- Dusty Market color palette (#E2E2D0, #76C800, #00AC76, #008172, #003B43)
- Mallow Cabin color palette (#E4FBF8, #A6DCA6, #F6A7FF, #58A95C, #443C5D)
- Mint Loft color palette (#D4FFFD, #A7F0C0, #63CC8C, #329264, #003623)
- Aged Olive color palette (#E8E4CF, #A4B76D, #538946, #035C2D, #00372B)
- Pine Garden color palette (#EDE9D1, #6F9C00, #018220, #005649, #001D1C)
Browse the whole catalog at Explore, or see today's palette.