Tempered Mint color palette — #ECF8F5 · #BFE0B8 · #7DBE8B · #659B9E · #2A4945

Mint Leaf and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Celadon Mist (#BFE0B8): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#7DBE8B): A luminous, balanced teal — the color of sea glass.
• Eucalyptus (#659B9E): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#2A4945): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Tempered Mint 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

• Timeworn Clover color palette (#E3FCF2, #BCDB94, #71BB50, #409997, #32401B)
• Teal Drift color palette (#FAF5E8, #D8EFBD, #75AD87, #687C6B, #393932)
• Muted Teal color palette (#EEF8F5, #CBDFF6, #71CEDB, #4BAAA0, #304C59)
• Worn Pine color palette (#DDF5F1, #64AA76, #008558, #006456, #001505)
• Antique Emerald Terrace color palette (#D1EBE4, #9EC88E, #50A75E, #408086, #00312B)
• Tempered Cypress Villa color palette (#E8F6EA, #ADBA8C, #558164, #355B6C, #152D25)
• Timeworn Powder Harbor color palette (#F1F5FF, #DCD7E3, #CCAEA2, #9FB1DE, #444A5E)
• Washed Olive color palette (#D9EAE1, #83922E, #4E6E00, #00544C, #050700)

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