Tempered Teal color palette — #F3F6F0 · #D3DEDB · #B5B2BE · #7FBB9F · #464942

Built around Mint Leaf, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D3DEDB): a clean, paper-quiet neutral.
• Ash (#B5B2BE): a calm mid-gray that lets other colors speak.
• Mint Leaf (#7FBB9F): A luminous, dusty teal — the color of sea glass.
• Charcoal (#464942): quiet, heavy and certain.

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

• Worn Parlor color palette (#EDF8F2, #EBD4D0, #C2C5B0, #00B6DC, #37433C)
• Teal Bloom color palette (#EFF8ED, #C5E0DF, #CDC3F3, #00AFA4, #283825)
• Washed Drift color palette (#EBF4F5, #D1D9E2, #B6BDCE, #44836E, #1F3031)
• Softworn Alley color palette (#FCF3EC, #E3D5A7, #9DB77A, #81987D, #563E00)
• Turquoise Loft color palette (#D9EADA, #00C2C7, #4D7A6E, #3D4F3F, #171913)
• Wandering Corridor color palette (#E2EDE5, #8EA6A9, #A188AD, #00707C, #040C05)
• Softworn Archive color palette (#F5F9D7, #C8E2C5, #A0BDED, #A18B75, #6E4200)
• Gentle Sky color palette (#FFF2ED, #80DEAC, #3DB0EB, #AD6E69, #31432E)

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