Tempered Teal color palette — #E7F9FD · #AAF6EE · #E5C980 · #24B0A6 · #314E3A

Built around Turquoise, softened by Honey — the whole palette hums with optimism and softness.

The five colors

• Ivory (#E7F9FD): bright and airy, almost weightless.
• Sea Foam (#AAF6EE): A whisper-light, dusty teal — the color of shallow lagoons.
• Honey (#E5C980): A whisper-light, balanced gold — the color of honey in a jar.
• Turquoise (#24B0A6): A luminous, balanced teal — the color of shallow lagoons.
• Deep Olive (#314E3A): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Weathered Chartreuse color palette (#EAF8FF, #C5E1FF, #C0D87E, #46A8C4, #254F43)
• Washed Jade color palette (#EAF9F8, #BDF5CE, #FFBA8A, #5DAE7A, #5B3B4A)
• Timeworn Thicket color palette (#E7FAF7, #C8F4C2, #97D4FF, #74AA6D, #32495C)
• Glacier Dune color palette (#E5F9FF, #71ECE7, #F9AEC2, #61B9B6, #57465D)
• Weathered Hollow color palette (#EEF7FC, #B3E9EF, #4B90A8, #2D4A5B, #151C21)
• Washed Abyss color palette (#DEF1FF, #D8CACE, #AFBEBA, #3E4D59, #1F252A)
• Aged Turquoise Pier color palette (#E7F9FF, #CBE1EF, #40C0CE, #1F7E85, #052F3C)
• Ancient Cypress Lantern color palette (#EBF5E9, #82C1BB, #CA878E, #0A837D, #452821)

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