Tempered Teal color palette — #ECF8F5 · #B8E8FF · #5CAEA9 · #896B81 · #203E3F

A conversation between Turquoise and Powder Blue, giving this palette its sense of sophistication and grounding.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Powder Blue (#B8E8FF): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#5CAEA9): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#896B81): A full-bodied, dusty pink — the color of peonies in June.
• Deep Teal (#203E3F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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 Teal color palette (#E9FAF2, #B7EDD8, #78AB93, #607E71, #243E3A)
• Patina Mint color palette (#DAFEFC, #75D29B, #CF93C8, #BA7AA1, #0C3131)
• Fern Workshop color palette (#F5F7EB, #D0DABB, #76BD9E, #9D8F69, #3B4900)
• Dusty Canyon color palette (#E7F5F3, #8EBEBC, #2F8769, #3B5D4E, #122C2C)
• Worn Cabin color palette (#FBF2F9, #D4D4E2, #7DC6E7, #39947A, #2A4159)
• Forest Veranda color palette (#D5FFFF, #A6E1F9, #5AB493, #07724E, #002A1E)
• Tempered Parlor color palette (#F6F6ED, #8CBCA4, #00857E, #844727, #374A01)
• Hushed Taupe color palette (#DFFCFA, #BEE5F0, #C4BAC2, #A5B077, #2A4F51)

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