Tempered Teal color palette — #ECF8F3 · #A9E2DB · #6DBFA3 · #928AAC · #2B4945

A conversation between Mint Leaf and Sea Foam, giving this palette its sense of sophistication and grounding.

The five colors

• Ivory (#ECF8F3): bright and airy, almost weightless.
• Sea Foam (#A9E2DB): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#6DBFA3): A luminous, balanced teal — the color of sea glass.
• Heather (#928AAC): A luminous, dusty violet — the color of wild irises.
• Charcoal (#2B4945): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: 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

• Mint Loft color palette (#EEF9EE, #DBD8A4, #95BA72, #878EAE, #31493D)
• Hushed Celadon Study color palette (#EAF9F6, #C3F5C4, #76AD89, #8A6C79, #233E3B)
• Faded Studio color palette (#E8FAF0, #B6DC9B, #00C37D, #B57284, #09443B)
• Muted Powder Alley color palette (#FBF2F5, #D8DDF4, #9BBDFF, #3DA9B5, #3D4663)
• Worn Jade color palette (#D7EAE2, #90CC8E, #00A984, #986569, #00302D)
• Softworn Bronze color palette (#F6F6EB, #C2C9A2, #659E79, #996432, #414700)
• Stone Balcony color palette (#EAFBE7, #B4E4C8, #C4CADA, #DCA095, #455447)
• Patina Villa color palette (#F3F2E6, #B1B88E, #52816A, #6E4A4A, #272916)

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