Tempered Teal color palette — #F0F8EF · #9FE4E0 · #F7B1BC · #00C1BC · #67423A

A conversation between Turquoise and Ballet Pink, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F0F8EF): bright and airy, almost weightless.
• Sea Foam (#9FE4E0): A whisper-light, dusty teal — the color of glacier melt.
• Ballet Pink (#F7B1BC): A whisper-light, balanced red — the color of embers at dusk.
• Turquoise (#00C1BC): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#67423A): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Sophistication, Softness, Clarity. Tagged light, 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

• Worn Jade color palette (#F4F7E7, #BBE1B9, #E6B3E7, #7CBA7B, #693F47)
• Lagoon Station color palette (#F0F8EC, #99D2C3, #E9998D, #00A38A, #6B4039)
• Antique Sky Corridor color palette (#EBF9F4, #ABDCFF, #EEBC8D, #57B2ED, #654526)
• Weathered Marigold color palette (#EAFBEB, #87D7DA, #D5ADDF, #CFA765, #364837)
• Stone Station color palette (#EDF9EE, #FCDBFD, #C5E6E4, #83C4B1, #3E5647)
• Faded Chapel color palette (#DEFFE9, #8BEAFF, #EA8174, #00A9C4, #6E110E)
• Apricot Coast color palette (#E0F4EC, #7DC9F6, #FFA161, #0091CC, #552700)
• Weathered Cerulean Study color palette (#E3FDE9, #B2E7DD, #6FCCD9, #199EA8, #1F4229)

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