Tempered Clover color palette — #E9E4B2 · #76B654 · #1B9666 · #006557 · #1D475E
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E9E4B2): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#76B654): A luminous, balanced green — the color of new leaves after rain.
- Fern (#1B9666): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#006557): A full-bodied, balanced teal — the color of sea glass.
- Navy (#1D475E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Muted Pier color palette (#D3F6C8, #48C18E, #009288, #006577, #2C4D67)
- Antique Terrace color palette (#E2ECD6, #00AE57, #007863, #004E57, #00364C)
- Pine Quarry color palette (#E8F2E6, #79B783, #248B57, #00583B, #003728)
- Mustard Corridor color palette (#FFECD0, #C1AE2F, #6F861A, #29663B, #1D555A)
- Frosted Jade Coast color palette (#DDFDFB, #54B778, #BE6A91, #267747, #4B3A57)
- Clover Market color palette (#F6DBC0, #FFBEEB, #00BF60, #283E46, #1B2928)
- Worn Emerald Studio color palette (#D3FFFE, #00A261, #B25B75, #8D5665, #213E3D)
- Frosted Lagoon Parlor color palette (#C9EFE4, #009699, #006583, #004069, #331C52)
Browse the whole catalog at Explore, or see today's palette.