Tempered Teal Thicket color palette — #EDF4E9 · #22B496 · #455F51 · #343A31 · #22221D

Turquoise and Pine set the tone — five colors that lean into sophistication.

The five colors

• Cream (#EDF4E9): bright and airy, almost weightless.
• Turquoise (#22B496): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#455F51): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#343A31): quiet, heavy and certain.
• Onyx (#22221D): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered Teal Thicket 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

• Aged Teal color palette (#ECF8F9, #5FC3AC, #415963, #163033, #091110)
• Turquoise Thicket color palette (#E8F6EE, #00ACD6, #655160, #2E3C34, #1F231F)
• Ancient Basin color palette (#EDF4EA, #6DCBB8, #6F816E, #4D5947, #20231C)
• Weathered Loft color palette (#E2F6F9, #00917E, #284148, #1C2C2E, #0E161A)
• Timeworn Quarry color palette (#E5FCEC, #36C5DC, #D6936D, #A48752, #37473C)
• Washed Pier color palette (#EBF9F1, #6ED4F3, #E49B95, #4099B3, #534B48)
• Worn Bronze color palette (#F9F5E7, #B2DEBC, #6EA8A1, #8E7D34, #485406)
• Abyss Workshop color palette (#DFEFDC, #00514A, #151F21, #000F19, #000200)

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