Tempered Clover color palette — #F9EBF2 · #8DAEFF · #00B63A · #003A0C · #001F1C
Clover takes the lead with Cornflower close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F9EBF2): a clean, paper-quiet neutral.
- Cornflower (#8DAEFF): A luminous, balanced violet — the color of a velvet chair.
- Clover (#00B63A): A luminous, vivid green — the color of a quiet forest floor.
- Deep Forest (#003A0C): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#001F1C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, 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
- Sunlit Moss Thicket color palette (#F6DEEA, #22C1FA, #77AA00, #223402, #001813)
- Teal Orchard color palette (#F6D9C6, #9EA9FF, #00BFA5, #003A31, #001518)
- Lime Thicket color palette (#F8D9DE, #B7CAFF, #00E14A, #002105, #020200)
- Misty Emerald Hollow color palette (#FEDFF8, #FF8AF0, #2EA307, #062C00, #001F1B)
- Antique Thicket color palette (#F3DBEB, #FF8EA4, #53A900, #274813, #1C1C02)
- Aged Byzantium Balcony color palette (#C1EFEF, #2DB27A, #8F34B1, #A30047, #002716)
- Faded Lantern color palette (#F9ECE2, #F18EFF, #00C5CF, #033845, #102126)
- Hushed Lagoon color palette (#E9F8FC, #CBE2EC, #A8C2D3, #008A82, #16383F)
Browse the whole catalog at Explore, or see today's palette.