Tempered Teal color palette — #E8FAF4 · #B4E2C0 · #4DC2AD · #9F879D · #2E4847

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

The five colors

• Ivory (#E8FAF4): A whisper-light, dusty teal — the color of sea glass.
• Mint (#B4E2C0): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#4DC2AD): A luminous, balanced teal — the color of shallow lagoons.
• Heather (#9F879D): A luminous, dusty pink — the color of a candy shop window.
• Charcoal (#2E4847): 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 Teal 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

• Patina Veranda color palette (#EEF8F2, #C8DEAF, #7BBD92, #719B84, #2C4942)
• Misty Dune color palette (#DBFEF9, #8FD28C, #D996EE, #D985BC, #18403B)
• Stone Terrace color palette (#E3FBF8, #BBDDF5, #B8AFBD, #B7B57A, #395353)
• Muted Terrace color palette (#F9F3F7, #CCE5FF, #63CDEC, #55AC84, #2F4B62)
• Weathered Jade color palette (#F5F6ED, #A6D1AB, #51A277, #896E26, #3F4800)
• Seafoam Hollow color palette (#E7FAF8, #8DE2A7, #C6ADFF, #60B37B, #463B60)
• Misty Jade Courtyard color palette (#D9E9E3, #91CB94, #00A988, #717C3D, #123116)
• Aged Garden color palette (#C5F3D9, #C4D57E, #81BA40, #439664, #185157)

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