Tempered Teal color palette — #F9F3F7 · #D8D4E3 · #BBBDE4 · #62B4A0 · #49526A

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D8D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#BBBDE4): A luminous, dusty violet — the color of a velvet chair.
• Turquoise (#62B4A0): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#49526A): A full-bodied, dusty violet — the color of a velvet chair.

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

• Ancient Quarry color palette (#F2F5FF, #E3D8E1, #96C9E5, #B6B3A8, #535163)
• Lagoon Pier color palette (#F8F4EE, #CBE7E5, #8CB8D4, #429597, #5E4B5F)
• Weathered Canyon color palette (#F5F3FF, #DFB7E6, #D7B984, #98B265, #433F53)
• Hushed Taupe Studio color palette (#EEF9ED, #C6E1D2, #A1C09F, #B48577, #344E47)
• Soft Cornflower color palette (#F0E4E9, #89B6D7, #5F7CDA, #006D6B, #1B003B)
• Patina Veranda color palette (#EBF7FF, #BEDBFF, #9CAEF3, #9C82C8, #554D70)
• Emerald Garden color palette (#FBF2F9, #BEE8F8, #66BCED, #03A56B, #253963)
• Aged Lilac Drift color palette (#F1F5FF, #CDD0FF, #C9CD83, #9B9DF7, #4E5027)

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