Tempered Teal color palette — #F1F7EF · #67C5B2 · #AC7B98 · #656F33 · #44433B

Mint Leaf takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F7EF): bright and airy, almost weightless.
• Mint Leaf (#67C5B2): A luminous, balanced teal — the color of glacier melt.
• Dusty Rose (#AC7B98): A luminous, dusty pink — the color of peonies in June.
• Olive (#656F33): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#44433B): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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 Ash color palette (#E9F9FA, #87E0C6, #C181B3, #61733C, #154136)
• Softworn Aqua color palette (#EFF8EF, #6DC2C2, #B07C85, #90584D, #5F352E)
• Hushed Boulevard color palette (#EDF8F3, #71BDDC, #B37C76, #3A775E, #344B05)
• Hushed Chapel color palette (#F8F5ED, #D1D4B5, #73A898, #668579, #4F5100)
• Dusty Parlor color palette (#EDF8F3, #8FD1F7, #C894CC, #B17751, #42433C)
• Worn Cocoa color palette (#EDF7FF, #64A0C3, #88608B, #7F4009, #2B4C2B)
• Muted Forest color palette (#FFF0FA, #979FDE, #918033, #326C39, #1B421F)
• Antique Periwinkle Terrace color palette (#DBFFEC, #A3C8F4, #8E9DD9, #81689A, #6B4950)

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