Tempered Clover color palette — #E5FAF9 · #00C072 · #006E6A · #005D34 · #000102

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

The five colors

• Ivory (#E5FAF9): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#00C072): A luminous, vivid teal — the color of sea glass.
• Teal (#006E6A): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#005D34): A full-bodied, balanced teal — the color of shallow lagoons.
• Black (#000102): quiet, heavy and certain.

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

• Pale Thicket color palette (#E7FAF4, #8BB300, #00724B, #415600, #000202)
• Aged Teal Parlor color palette (#E5FAFF, #00BAB2, #00698C, #005A56, #000103)
• Misty Navy Summit color palette (#DDF8CB, #00A08E, #006067, #1D1A6D, #000505)
• Wandering Teal Atelier color palette (#C4EDE1, #00B2A7, #00767A, #00383F, #000405)
• Muted Seafoam color palette (#E4FAFF, #00E0D7, #008AB7, #007B76, #000204)
• Wandering Pine color palette (#EAEDDE, #3B8D41, #004D56, #00430C, #000200)
• Aged Cypress Coast color palette (#E6F9FB, #C9DDEB, #A4C0C8, #007156, #001011)
• Dusty Hollow color palette (#DFF2F0, #5AC462, #0093A7, #008F25, #000407)

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