Tempered Clover color palette — #E9F9F7 · #51BD54 · #00705D · #055E12 · #000102
Clover takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E9F9F7): a clean, paper-quiet neutral.
- Clover (#51BD54): A luminous, vivid green — the color of new leaves after rain.
- Pine (#00705D): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#055E12): A full-bodied, balanced green — the color of a quiet forest floor.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged duotone.
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
- Dusty Moss color palette (#E8FAF3, #9FAC00, #007246, #4C5300, #000202)
- Timeworn Ridge color palette (#E4FAFE, #00BBA6, #006A86, #005B4F, #000103)
- Tempered Teal Workshop color palette (#CBF3E3, #00B89D, #007670, #003638, #000304)
- Navy Cabin color palette (#C8FBEE, #00A183, #006162, #0B137D, #000504)
- Antique Forest Lagoon color palette (#EEF7F7, #CBDDE8, #8EC8BD, #007249, #001010)
- Seafoam Ridge color palette (#E1FBFE, #00E2C3, #008DA4, #007D6B, #000203)
- Washed Olive Market color palette (#E7E8D8, #4E8B14, #004D54, #1F4000, #000102)
- Timeworn Bloom color palette (#E1F1EC, #8FBC00, #0094A2, #638400, #000407)
Browse the whole catalog at Explore, or see today's palette.