Tempered Teal color palette — #EDF7F9 · #D5DCE6 · #B7B0BC · #7ABBA9 · #3F4A4B

A conversation between Mint Leaf and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#EDF7F9): bright and airy, almost weightless.
• Silver (#D5DCE6): bright and airy, almost weightless.
• Ash (#B7B0BC): a calm mid-gray that lets other colors speak.
• Mint Leaf (#7ABBA9): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#3F4A4B): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, 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

• Weathered Ash color palette (#EFF6FE, #DDD7E6, #C8B9C8, #7FA3CA, #333C45)
• Aged Market color palette (#D7FEFF, #A5E4F4, #B0B7D5, #9E848F, #5A474F)
• Timeworn Basin color palette (#FFF1F5, #DDD899, #98B68E, #7696A0, #32483D)
• Worn Lagoon color palette (#EFF3ED, #CFDAD8, #ABC2C3, #288675, #282E24)
• Seafoam Basin color palette (#FFF0FD, #4EE3C3, #7CA8D9, #A7726E, #22424D)
• Tempered Turquoise Station color palette (#D0E9F4, #00C0D3, #5E7289, #3D4D53, #121A1B)
• Patina Petrol Harbor color palette (#DFEEF5, #9E9FB0, #9282A3, #006F83, #010B11)
• Soft Mint color palette (#E2FBFD, #46DAB2, #C589B9, #A56D55, #552B18)

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