Tempered Clover color palette — #D8E7CA · #65BA3D · #009676 · #006576 · #001F1A
Built around Clover, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D8E7CA): A whisper-light, dusty green — the color of new leaves after rain.
- Clover (#65BA3D): A luminous, vivid green — the color of new leaves after rain.
- Fern (#009676): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#006576): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#001F1A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.
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
- Linen Chapel color palette (#E8EDDC, #98AD00, #009B3A, #006365, #001B0F)
- Wandering Drift color palette (#D1E9D2, #00C190, #00919A, #00588C, #001921)
- Airy Moss color palette (#E1EBD7, #ACA500, #00917D, #00649B, #000708)
- Gentle Lime Coast color palette (#C4E6E7, #BABF00, #00B787, #007CB4, #001F21)
- Tempered Hollow color palette (#EFEFE1, #3C8D55, #00513D, #1F3600, #181E00)
- Muted Station color palette (#D3EEE6, #00928B, #00585E, #003642, #001F2C)
- Frosted Terrace color palette (#DEFFE4, #00DFA5, #00A7AC, #0075B7, #00313B)
- Weathered Denim color palette (#DCF8EA, #1F8F8C, #006589, #542641, #421B00)
Browse the whole catalog at Explore, or see today's palette.