Tempered Clover color palette — #E2FCF7 · #37BA06 · #008984 · #005B88 · #3C2F00
A conversation between Clover and Peacock, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E2FCF7): A whisper-light, dusty teal — the color of shallow lagoons.
- Clover (#37BA06): A luminous, vivid green — the color of a quiet forest floor.
- Fern (#008984): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005B88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#3C2F00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged vibrant.
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
- Softworn Moss Study color palette (#E3FDEE, #AD9E00, #008F4E, #00616A, #4A2500)
- Sunlit Emerald color palette (#CEE7E6, #00A05B, #00717A, #004183, #222100)
- Softworn Clover color palette (#E5F5E4, #24D170, #00A56A, #006F52, #005041)
- Ultramarine Orchard color palette (#DBFDFF, #00B68E, #00869D, #0148C0, #3E1F57)
- Hazy Hollow color palette (#E9F8FC, #20BCB1, #0089C9, #605096, #1A4221)
- Timeworn Aubergine Coast color palette (#D4E7E9, #008870, #005B76, #290C8C, #091600)
- Moss Hollow color palette (#E5FCED, #C3BF71, #838F00, #77682E, #1E4333)
- Mulberry Thicket color palette (#E3FDEC, #937C00, #00637E, #720253, #4F173C)
Browse the whole catalog at Explore, or see today's palette.