Tempered Teal color palette — #DFFBFF · #03B99E · #C66A72 · #007765 · #613336

Turquoise and Coral Clay set the tone — five colors that lean into balance.

The five colors

• Ivory (#DFFBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#03B99E): A luminous, balanced teal — the color of sea glass.
• Coral Clay (#C66A72): A luminous, balanced red — the color of a theater curtain.
• Teal (#007765): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#613336): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Balance. Tagged warm.

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 Amber Harbor color palette (#E8F8FF, #00B3C9, #C66F44, #007381, #59354A)
• Tempered Blush color palette (#DFF7FC, #59B6AD, #C0728C, #00746D, #441326)
• Jade Garden color palette (#E3FBF9, #5CB676, #B06FAB, #317647, #463C5A)
• Washed Veranda color palette (#EAFBE9, #55CDCB, #DB86AD, #009392, #5E3247)
• Aged Quarry color palette (#E1FBFF, #009E8E, #B4587D, #94544E, #1F3D43)
• Aged Azure Drift color palette (#ECF7FF, #29AFF1, #A45B00, #00638E, #582E00)
• Washed Scarlet color palette (#BEEEFF, #0096A1, #D20912, #005960, #5C0203)
• Worn Powder color palette (#E2FAFF, #C8DDF3, #A4C4F4, #62876A, #385660)

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