Tempered Teal color palette — #ECF5E9 · #65C7B8 · #C188A7 · #1F8276 · #462727

Mint Leaf takes the lead with Teal close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#ECF5E9): bright and airy, almost weightless.
• Mint Leaf (#65C7B8): A luminous, balanced teal — the color of sea glass.
• Dusty Rose (#C188A7): A luminous, balanced rose — the color of pressed rose petals.
• Teal (#1F8276): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#462727): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Sophistication. Tagged muted.

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

• Antique Cypress color palette (#E7F9FC, #74C1AF, #C0849A, #098572, #574560)
• Weathered Stone color palette (#F3F3E5, #A1BF7F, #AC8DC5, #627C41, #432731)
• Softworn Sky color palette (#E8F6EE, #6AC1DD, #C88D68, #2D7C95, #36302B)
• Teal Drift color palette (#E9F7E3, #36B29F, #B57891, #9A696E, #202B1B)
• Patina Harbor color palette (#E3F9E4, #00AEB1, #D54F52, #00686B, #440008)
• Hushed Chestnut color palette (#F7F2E3, #B2C396, #898558, #774F06, #2B2E21)
• Weathered Shell Parlor color palette (#EBF6E3, #D0DBF7, #EAC0CC, #8F9175, #343F33)
• Hushed Glacier color palette (#E1FADF, #81E5E4, #429D93, #125551, #0D2810)

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