Tempered Teal color palette — #ECF5EA · #4CA6A0 · #A07387 · #795062 · #1B261A

A conversation between Turquoise and Mocha, giving this palette its sense of sophistication.

The five colors

• Cream (#ECF5EA): bright and airy, almost weightless.
• Turquoise (#4CA6A0): A luminous, balanced teal — the color of sea glass.
• Mocha (#A07387): A luminous, dusty rose — the color of a warm blush.
• Graphite (#795062): A full-bodied, dusty rose — the color of pressed rose petals.
• Onyx (#1B261A): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Hushed Teal color palette (#E8F6E9, #4DA5A6, #A67754, #735930, #19271A)
• Dusty Teal Lagoon color palette (#EAF5E9, #59ACA9, #7F6591, #674312, #2E2800)
• Weathered Chestnut color palette (#F6F6E8, #7E9B62, #A56E6F, #8E4A25, #3E3E36)
• Worn Studio color palette (#E6F6F2, #648EC1, #655B94, #6B3C2E, #161C0A)
• Washed Bronze color palette (#E9F9FC, #6CBBB3, #B48ABD, #A8684C, #2A4247)
• Hushed Drift color palette (#FCEDF9, #6583CF, #A65E50, #774319, #231421)
• Rust Courtyard color palette (#E2FAE0, #008E8A, #AC4900, #6F3900, #001817)
• Washed Cypress color palette (#EFF3ED, #95D2C4, #787EB3, #308172, #1E111A)

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