Tempered Teal color palette — #F8F5EA · #9FDAAF · #43B4AA · #9D7593 · #343630

Built around Turquoise, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F5EA): bright and airy, almost weightless.
• Pistachio (#9FDAAF): A whisper-light, balanced teal — the color of shallow lagoons.
• Turquoise (#43B4AA): A luminous, balanced teal — the color of sea glass.
• Heather (#9D7593): A luminous, dusty pink — the color of peonies in June.
• Espresso (#343630): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Jade Veranda color palette (#FCF4EA, #CDCD9F, #6EB469, #877CA5, #37352F)
• Chalky Summit color palette (#F8EACC, #9DD376, #00B185, #96679C, #1D3507)
• Worn Bloom color palette (#F6F7E4, #97E5B0, #499B84, #7E5855, #252B10)
• Worn Fern Parlor color palette (#F7F5EE, #DCE1C3, #7AC6B7, #B29093, #4B5301)
• Lagoon Studio color palette (#EEEDDA, #6EB998, #009195, #8B4B70, #002115)
• Wandering Moss color palette (#EFE2D7, #C9BB6B, #65A534, #956B45, #342701)
• Sky Harbor color palette (#FBF3F1, #CCEAC9, #3FC3E5, #609D5C, #0E443A)
• Cypress Lantern color palette (#E2F8F1, #7FAD8D, #147466, #4B405E, #002221)

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