Tempered Clover color palette — #E8F2E3 · #38B641 · #008157 · #005240 · #002B27

Clover takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E8F2E3): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#38B641): A luminous, vivid green — the color of new leaves after rain.
• Teal (#008157): A full-bodied, balanced teal — the color of sea glass.
• Forest (#005240): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Forest (#002B27): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Energy, Balance. Tagged 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

• Antique Jade Workshop color palette (#DBEBE1, #00AF88, #007D72, #004F50, #002328)
• Hazy Moss color palette (#E4E1C9, #98A300, #517600, #1C5800, #003318)
• Chartreuse Basin color palette (#F6FCB1, #89E06A, #00AA75, #007667, #003D45)
• Clover Lantern color palette (#E7E780, #52C000, #00895E, #005E5B, #00474E)
• Muted Pine color palette (#E3FBD5, #78F4F5, #49C5FE, #308A43, #1E331C)
• Raspberry Harbor color palette (#EBF7DF, #2BC395, #CC008A, #006C4F, #3C0727)
• Timeworn Bronze color palette (#F5E8CD, #A3A562, #7F6900, #5B3D00, #201D00)
• Pale Amethyst Lagoon color palette (#D6EEC5, #00997D, #814CE5, #954A00, #001E16)

Browse the whole catalog at Explore, or see today's palette.