Tempered Teal color palette — #D4E6D0 · #80B9A6 · #5F8269 · #6B434C · #3F2521

Built around Mint Leaf, softened by Cocoa — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#D4E6D0): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#80B9A6): A luminous, dusty teal — the color of glacier melt.
• Fern (#5F8269): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#6B434C): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#3F2521): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Ancient Stone color palette (#EAF6D9, #8AC6C7, #6F8C7F, #715857, #462C23)
• Washed Turquoise Pier color palette (#E6F4DC, #55B4C0, #497796, #663C3A, #3E2012)
• Weathered Canyon color palette (#F7F2E1, #8FAB6F, #3D7344, #48463F, #1E1D08)
• Weathered Balcony color palette (#BAF2E1, #98BDC5, #709AAB, #5A658B, #383F5B)
• Muted Lagoon color palette (#D8E7DB, #388D81, #1D6173, #482342, #2F000D)
• Wandering Jade color palette (#D7F2E1, #00B28B, #007367, #004D4F, #00252A)
• Ancient Pewter color palette (#C9E4F2, #7894BD, #695790, #5D361D, #261800)
• Tempered Hollow color palette (#DDEFDA, #00A7A0, #C0516E, #00625E, #330C17)

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