Tempered Teal color palette — #F1F8ED · #A9F8E4 · #F7B8C2 · #54AC98 · #5C3D36

Turquoise and Sea Foam set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F1F8ED): a clean, paper-quiet neutral.
• Sea Foam (#A9F8E4): A whisper-light, balanced teal — the color of glacier melt.
• Ballet Pink (#F7B8C2): A whisper-light, dusty red — the color of late-summer berries.
• Turquoise (#54AC98): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#5C3D36): A deep, shadowed, 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

• Softworn Grove color palette (#EAF8FB, #A3E4D8, #F2B2C3, #07C2AE, #5A4362)
• Washed Station color palette (#F7F6E9, #D8EFB7, #E6BAEB, #8DA36A, #613841)
• Tempered Azure color palette (#EBF9F3, #D0DEFC, #FFB4BE, #5DA3CA, #5D3D35)
• Antique Harbor color palette (#EEFAE7, #C3E8E6, #CDC5B9, #B5B08F, #465444)
• Aged Veranda color palette (#EAF9F3, #D7D7CB, #5E8CAB, #284F43, #131E1A)
• Patina Blush color palette (#EBF8FA, #76C0B0, #D5788E, #1F8473, #58455D)
• Hushed Seafoam Harbor color palette (#EDFAE8, #85DFD0, #EEA4A6, #CE8E90, #313C2C)
• Basalt Atelier color palette (#FFF2EB, #E2DDC2, #C8A693, #956F69, #513B00)

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