Tempered Teal color palette — #ECF8F5 · #AFE0DD · #7BBBA5 · #A68692 · #244A48

Mint Leaf and Silver set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Silver (#AFE0DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#7BBBA5): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#A68692): A luminous, dusty rose — the color of a warm blush.
• Forest (#244A48): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Tempered Stone color palette (#EFF8F2, #BFE9D8, #A7BE97, #8AA192, #3B534A)
• Aged Teal color palette (#E2FCF7, #A9D6BB, #63B19F, #5D8F87, #0B3D3E)
• Worn Basalt Lantern color palette (#F6F6EB, #C1EBD0, #5FADB0, #946779, #2C4000)
• Wandering Parlor color palette (#EFF8F0, #CCE1F7, #7ACCDE, #50AB93, #274C63)
• Faded Powder Terrace color palette (#D6FFFB, #8BD299, #97B0FF, #E3897A, #11403E)
• Jade Station color palette (#BDF0DB, #C0D88C, #85BB75, #599660, #20513A)
• Jade Market color palette (#D3EBE4, #8DCC96, #31A780, #687D4F, #0D3115)
• Jade Atelier color palette (#E7FAF7, #A5DDA1, #E1A6DF, #6EB26A, #543653)

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