Tempered Clover color palette — #E3FBF7 · #68BE54 · #0080B3 · #6A2F65 · #2A1600

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

The five colors

• Ivory (#E3FBF7): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#68BE54): A luminous, vivid green — the color of a quiet forest floor.
• Cerulean (#0080B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#6A2F65): A full-bodied, balanced pink — the color of peonies in June.
• Ink (#2A1600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

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

• Faded Cobalt color palette (#DFFCFE, #00C29C, #5270CA, #733044, #201B00)
• Weathered Mustard color palette (#E6FBF1, #B0AC00, #00878D, #4D3D79, #3A0303)
• Powdered Mint Hollow color palette (#E6FAFA, #36DA9B, #538ECA, #7B486C, #411E2C)
• Lime Station color palette (#E2F7F1, #A0C057, #5696E1, #A15271, #4D102C)
• Lapis Canyon color palette (#E2FAFF, #00B2A2, #4B46F9, #780035, #171200)
• Garnet Field color palette (#F4ECDF, #9A7600, #006071, #60003F, #1B1200)
• Timeworn Coast color palette (#EBF9F2, #C0DBA1, #5E9B63, #496C5C, #132D27)
• Antique Mint Bloom color palette (#DDFFE6, #00DDA8, #00A591, #006B69, #00373D)

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