Tempered Teal color palette — #E7F0F4 · #CBD3DE · #AEBBD2 · #00A7AA · #1B3238

Built around Turquoise, softened by Ash — the whole palette hums with sophistication.

The five colors

• Cream (#E7F0F4): a clean, paper-quiet neutral.
• Silver (#CBD3DE): bright and airy, almost weightless.
• Ash (#AEBBD2): A luminous, dusty violet — the color of a velvet chair.
• Turquoise (#00A7AA): A luminous, balanced teal — the color of sea glass.
• Deep Forest (#1B3238): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Patina Emerald color palette (#E6F1F0, #C8D5DB, #A2C0D2, #42AA5E, #1A3331)
• Dusty Ridge color palette (#E8F0F2, #CED9E0, #A3BAD3, #00837E, #203135)
• Azure Corridor color palette (#EAEFF4, #D1D2DC, #BAB7D2, #2599E9, #1F303F)
• Antique Sky Chapel color palette (#F0F6FA, #D8D9E0, #BFAEAE, #5BB8E2, #3C4A54)
• Washed Grove color palette (#E4EBE5, #BDD1C3, #8CAD9B, #006165, #0D190F)
• Hushed Thicket color palette (#BEE8E4, #00BEDD, #0F92CD, #7E49A7, #002935)
• Softworn Cobalt color palette (#DAE3EB, #ADAEC1, #9794B2, #0078B5, #081520)
• Chalky Sky Thicket color palette (#E3F6FF, #4FF1FB, #87C5FF, #2FB1FB, #002432)

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