Tempered Teal color palette — #EDF5E8 · #45B196 · #4A5E4C · #343A2F · #21221D

Turquoise takes the lead with Charcoal Brown close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#EDF5E8): bright and airy, almost weightless.
• Turquoise (#45B196): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#4A5E4C): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#343A2F): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#21221D): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Wandering Courtyard color palette (#F3F2E7, #8BA75C, #535F17, #393831, #24221B)
• Ancient Coast color palette (#E3F6F8, #77C9B1, #6C7F87, #46595A, #1A2423)
• Weathered Lagoon Alley color palette (#EEF4E8, #009275, #2F4137, #252B20, #121611)
• Wandering Azure Harbor color palette (#D6EAE3, #2F98D7, #60415C, #21322C, #121B16)
• Washed Wisteria color palette (#E9FAEF, #63C0D7, #D288C0, #9F925F, #33483B)
• Weathered Apricot color palette (#EEF8F1, #7AD4E3, #F19583, #319CAC, #534B48)
• Moonless Petrol color palette (#CEECD5, #00818D, #00384E, #041C0C, #020601)
• Ash Balcony color palette (#F0F9E4, #C8DFC5, #8EB1A0, #A27F7F, #614B45)

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