Tempered Teal color palette — #EAF9F6 · #A1D9BB · #20B8A1 · #7683A4 · #173C3D

Turquoise takes the lead with Pistachio close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#EAF9F6): bright and airy, almost weightless.
• Pistachio (#A1D9BB): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#20B8A1): A luminous, balanced teal — the color of sea glass.
• Slate Blue (#7683A4): A luminous, dusty violet — the color of twilight just after sunset.
• Deep Teal (#173C3D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Teal Garden color palette (#E2FBF7, #8BE5B2, #00C0A1, #B17488, #14452D)
• Weathered Moss color palette (#ECF9F0, #C9CF9B, #83B056, #9278A1, #213C31)
• Timeworn Teal Workshop color palette (#CFECE9, #87CAB1, #00A79C, #A15E6A, #003033)
• Muted Seafoam color palette (#FBF5E2, #A7E1A9, #499A8B, #815651, #272A0F)
• Mint Dune color palette (#EEF8F4, #C1E7DF, #8CC59E, #9D95AC, #3C524E)
• Sky Study color palette (#F0F7F1, #C1E6FF, #76B5FF, #2E9BAF, #283A59)
• Airy Lagoon color palette (#D4F4E4, #ACCF6B, #20B525, #98669A, #263308)
• Hazy Peony Corridor color palette (#F5EAF9, #FF9DB8, #27D8BB, #CB5C80, #003F35)

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