Tempered Teal color palette — #E8F9FC · #B0F6E9 · #FBB4CC · #17B1A0 · #603846

Built around Turquoise, softened by Carnation — the whole palette hums with softness and clarity.

The five colors

• Ivory (#E8F9FC): bright and airy, almost weightless.
• Sea Foam (#B0F6E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Carnation (#FBB4CC): A whisper-light, balanced rose — the color of pressed rose petals.
• Turquoise (#17B1A0): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#603846): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: 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

• Hushed Jade color palette (#E6FAF7, #C9F3C7, #F0B6E5, #6DAC6B, #4A405E)
• Dusty Turquoise color palette (#EAF7FF, #C6E0FF, #FFB6B4, #00AAD2, #563C55)
• Tempered Cerulean color palette (#EFF6FC, #E7D3CE, #5D8CAB, #2D495F, #121D25)
• Dusty Driftwood Grove color palette (#ECF9F2, #C3E2E9, #8DBAA4, #668364, #2A4545)
• Dusty Teal Summit color palette (#EFF8EE, #42C7BD, #C4819F, #12847C, #634442)
• Pale Blush Coast color palette (#E9F8FF, #47DCFC, #FF809C, #008DA5, #570A24)
• Dusty Alley color palette (#E5F9FF, #8DDCD7, #EEA2B4, #D4889B, #1E3E45)
• Softworn Field color palette (#E6F9FF, #CEDBE8, #66C0C5, #00776F, #002E2D)

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