Tempered Teal Canyon color palette — #F2F8EA · #7CBB98 · #9196CE · #9E6975 · #3C3E37
A conversation between Mint Leaf and Blue Fog, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F2F8EA): a clean, paper-quiet neutral.
- Mint Leaf (#7CBB98): A luminous, balanced teal — the color of glacier melt.
- Blue Fog (#9196CE): A luminous, balanced violet — the color of a velvet chair.
- Mocha (#9E6975): A full-bodied, dusty red — the color of embers at dusk.
- Charcoal (#3C3E37): 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 Canyon 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 Iris color palette (#EFF8EE, #48B6B0, #698BCE, #915354, #373730)
- Muted Seafoam color palette (#E8FAF7, #A1D2A0, #ACA8D4, #A56F84, #223634)
- Aged Seafoam color palette (#FFF2EC, #82D1B2, #519DBB, #965D58, #404C3E)
- Blush Meadow color palette (#F4F7E9, #84BA8E, #C780B1, #997243, #3C3E37)
- Dusty Balcony color palette (#FCF4E5, #C2A95B, #58A4D4, #946898, #403D36)
- Ancient Jade color palette (#E3FBFA, #53A473, #4F86A7, #4C6081, #2F4140)
- Tempered Harbor color palette (#F3F6F0, #D3DDDA, #A6B8C0, #91A27E, #51544D)
- Dusty Azure Villa color palette (#F5F6EF, #BEDCB0, #56A1E4, #709A5A, #1F322D)
Browse the whole catalog at Explore, or see today's palette.