Tempered Clover color palette — #E2F7F5 · #ADDE92 · #27C06E · #008A75 · #002315
A conversation between Clover and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E2F7F5): A whisper-light, dusty teal — the color of glacier melt.
- Pistachio (#ADDE92): A whisper-light, balanced green — the color of fresh herbs.
- Clover (#27C06E): A luminous, vivid teal — the color of sea glass.
- Fern (#008A75): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#002315): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, 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
- Teal Corridor color palette (#DFF7FC, #6CDBAF, #00C6B9, #008D9E, #001E1D)
- Worn Clover color palette (#F4F8E3, #E3C154, #20C858, #007F92, #00362A)
- Worn Pier color palette (#CBEEE1, #32B398, #007970, #004744, #002A2C)
- Misty Clover color palette (#F3F9E0, #B5ED8B, #00DC71, #00B08E, #033620)
- Olive Market color palette (#DDF9F0, #DFCE7A, #9BAC00, #2A8E00, #141E00)
- Dusty Market color palette (#D3F7F9, #60B65C, #009069, #006A61, #000503)
- Weathered Fern Pier color palette (#E9F5F0, #7DAB9F, #4B703F, #434C0B, #00221C)
- Antique Indigo Balcony color palette (#D6EEF4, #00A6A4, #7B6BC7, #006261, #1D123E)
Browse the whole catalog at Explore, or see today's palette.