Tempered Teal color palette — #EFF4E7 · #6BAD87 · #876388 · #6E3B3B · #41181A

Jade and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EFF4E7): bright and airy, almost weightless.
• Jade (#6BAD87): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#876388): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#6E3B3B): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#41181A): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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 Petrol color palette (#F6F1E7, #AB9B68, #5971A2, #6C3D39, #3C1E11)
• Turquoise Chapel color palette (#ECF4EE, #4FACB7, #9C5E56, #674316, #392103)
• Muted Boulevard color palette (#EBF8F5, #9DBC8A, #9F7EAD, #965634, #573649)
• Washed Cerulean color palette (#E6F9D9, #6FC3C7, #378FAC, #346183, #43293F)
• Aged Mulberry color palette (#E6F1E4, #008F86, #8D2D4A, #452F00, #1D1200)
• Worn Hollow color palette (#F7F0EB, #C5E7E5, #7BA0C6, #5E724F, #442E3D)
• Wandering Bronze color palette (#F5F3D9, #C5D5C0, #A18B9F, #915C2A, #5B3000)
• Muted Seafoam color palette (#EAF8FA, #88DFCB, #8499C8, #895B6E, #214126)

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