Tempered Teal color palette — #F9F4EE · #CDE6E4 · #A6D2C0 · #6BB0AE · #34514A

Built around Turquoise, softened by Pistachio — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#CDE6E4): A whisper-light, dusty teal — the color of glacier melt.
• Pistachio (#A6D2C0): A whisper-light, dusty teal — the color of glacier melt.
• Turquoise (#6BB0AE): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#34514A): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Stone Orchard color palette (#E7FBF2, #EDD7D4, #9BC1A4, #AFA79D, #3D554E)
• Dusty Turquoise color palette (#F9F4EE, #C6DEEA, #A7CAF1, #67AFBC, #62495E)
• Weathered Lantern color palette (#E4FEDF, #93E4EB, #72C7DB, #599BB6, #2F594C)
• Wandering Loft color palette (#FAF4EC, #CBEACF, #70BFD4, #2FA08A, #004059)
• Powder Drift color palette (#FBF3EF, #C3E0E9, #8DB6D9, #7C8D69, #62495C)
• Weathered Turquoise Ridge color palette (#EDF4EE, #D1DDF1, #66A5C6, #287977, #263849)
• Mallow Balcony color palette (#E5FCF1, #92D1EF, #E5A9C6, #B2B37B, #33483E)
• Antique Cocoa color palette (#E9FAF0, #A1E0F6, #F5B5A2, #65B5D0, #753B15)

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