Tempered Teal color palette — #ECF0E8 · #C0DBD3 · #9FC1C0 · #57A485 · #2A3121

Jade and Ash set the tone — five colors that lean into sophistication.

The five colors

• Cream (#ECF0E8): bright and airy, almost weightless.
• Silver (#C0DBD3): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#9FC1C0): A luminous, dusty teal — the color of glacier melt.
• Jade (#57A485): A luminous, balanced teal — the color of sea glass.
• Deep Forest (#2A3121): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Antique Loft color palette (#E8F0E7, #A7C9C6, #91ADB1, #00948C, #182316)
• Timeworn Turquoise color palette (#F0F7F1, #D0DFDF, #BAB7AC, #76B9BC, #424A42)
• Turquoise Drift color palette (#ECF9F1, #BAE5EC, #ECC2DE, #00A9CD, #1E3A2B)
• Forest Thicket color palette (#E0ECED, #C1CED1, #8CA9B5, #00644D, #08191A)
• Ancient Orchid color palette (#D8E7CE, #00BC9E, #A95FCA, #994240, #2F1A00)
• Lagoon Balcony color palette (#D8EFD9, #009FA2, #2E5970, #233524, #030501)
• Muted Mustard color palette (#F4E1CD, #D0BA57, #849C4B, #72766F, #342707)
• Aqua Courtyard color palette (#D2F8E8, #53C8DF, #7B93C6, #79716D, #592E18)

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