Tempered Clover color palette — #E9F9F7 · #34C055 · #0060AF · #005E1E · #000104
A conversation between Clover and Cobalt, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9F9F7): a clean, paper-quiet neutral.
- Clover (#34C055): A luminous, vivid green — the color of new leaves after rain.
- Cobalt (#0060AF): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#005E1E): A full-bodied, balanced green — the color of new leaves after rain.
- Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Gentle Market color palette (#E7F9FA, #00BE8E, #004EDC, #005C43, #000105)
- Moss Veranda color palette (#E7FBF2, #A1AC00, #006A85, #4D5300, #000103)
- Grape Chapel color palette (#D9EFF0, #00A77D, #5100C7, #004834, #00000B)
- Nightshade Canyon color palette (#E9EADD, #438D12, #162AAF, #194100, #00000C)
- Tempered Lagoon Cabin color palette (#FFE5F7, #00A186, #005C7F, #511100, #000505)
- Teal Alley color palette (#D4E4D8, #00B1A0, #007683, #003046, #00021D)
- Pale Mint Balcony color palette (#DAE3D3, #00C69D, #0092AA, #008B6E, #000502)
- Patina Indigo Station color palette (#E1FBFF, #00E1CB, #5768FF, #007C6F, #00000E)
Browse the whole catalog at Explore, or see today's palette.