Tempered Clover color palette — #FFF2EC · #00CB6A · #008191 · #7B1250 · #001E17
A conversation between Clover and Mulberry, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Clover (#00CB6A): A luminous, vivid teal — the color of shallow lagoons.
- Teal (#008191): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Mulberry (#7B1250): A deep, shadowed, balanced rose — the color of a warm blush.
- Ink (#001E17): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged retro.
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 Boulevard color palette (#FFF3E9, #9FB800, #008671, #691F75, #031F00)
- Timeworn Garnet color palette (#FFF2EF, #00C5B1, #007AB4, #88030A, #001D20)
- Softworn Lime color palette (#FFD9E1, #49D141, #009EBD, #B33270, #003125)
- Amethyst Courtyard color palette (#D4FFFF, #00B677, #7E36DD, #760040, #220A00)
- Aged Aubergine color palette (#FBE2AE, #00955C, #005E61, #5F0060, #003126)
- Wandering Moss Balcony color palette (#F7D8DA, #6A8E00, #005E63, #61001C, #001808)
- Wandering Lagoon color palette (#BBFEEE, #00937E, #4D4942, #00313A, #000A0C)
- Feathered Meadow color palette (#D8FFF3, #6ADF93, #00937F, #4C6114, #00260F)
Browse the whole catalog at Explore, or see today's palette.