Tempered Clover color palette — #E6DDFD · #00CC69 · #DF7B00 · #382C04 · #281300

Clover and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#E6DDFD): A whisper-light, dusty violet — the color of twilight just after sunset.
• Clover (#00CC69): A luminous, vivid teal — the color of sea glass.
• Mustard (#DF7B00): A luminous, vivid gold — the color of afternoon light on wheat.
• Espresso (#382C04): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#281300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, 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

• Ancient Amber color palette (#F3E9FF, #00C6A6, #C98B00, #28280A, #1C1001)
• Clover Pier color palette (#DAE2F0, #21CD2E, #FF544C, #3D1C00, #270F05)
• Timeworn Summit color palette (#E2DEFF, #00D78C, #FC8D0C, #663500, #210814)
• Muted Moss Summit color palette (#F3E8F3, #1AC6F4, #9AA300, #2C2F29, #1E1C13)
• Weathered Seafoam Balcony color palette (#EADEFF, #0FF0E0, #F9AC45, #4D4C45, #3B3732)
• Chalky Delta color palette (#EFE8CB, #979B00, #477100, #004522, #003327)
• Aged Bloom color palette (#FAF5E8, #D6D3BE, #A6AA88, #665B00, #35332C)
• Softworn Cabin color palette (#FFE6EA, #95C9FF, #6FCD32, #31432E, #2B2B23)

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