Tempered Clover color palette — #DFE3C4 · #33CA21 · #009473 · #005E62 · #002B3B
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DFE3C4): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#33CA21): A luminous, vivid green — the color of a quiet forest floor.
- Fern (#009473): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005E62): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#002B3B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Energy. Tagged vibrant, cool.
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
- Wandering Lantern color palette (#D8E3CD, #00C086, #009288, #005764, #002C46)
- Faded Mint color palette (#E5FFCF, #00DE74, #009E80, #005651, #002025)
- Lime Boulevard color palette (#F5EBCC, #80D052, #00B185, #007A82, #002A3E)
- Linen Moss color palette (#FFDCCD, #52B300, #007F7F, #8C0055, #00321C)
- Wandering Emerald color palette (#F2E1C5, #A9B200, #429300, #00614A, #002E2B)
- Muted Mint Ridge color palette (#A6FEBC, #00D1AC, #009EA8, #006486, #003475)
- Lagoon Atelier color palette (#DAE4D0, #008D69, #004045, #002116, #080800)
- Washed Sunflower Alley color palette (#ECFBDC, #D0D400, #00CE99, #009AB9, #002C23)
Browse the whole catalog at Explore, or see today's palette.