Tempered Teal Canyon color palette — #E0FDF3 · #6DB58E · #007978 · #6C4157 · #0E462D
A conversation between Jade and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E0FDF3): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#6DB58E): A luminous, balanced teal — the color of sea glass.
- Teal (#007978): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#6C4157): A full-bodied, dusty rose — the color of pressed rose petals.
- Forest (#0E462D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Aged Fern color palette (#FFF1F6, #7CA690, #466F34, #60404C, #173E2C)
- Gentle Cypress Grove color palette (#F3F3E2, #7BB88C, #007E62, #703E00, #002910)
- Timeworn Lagoon color palette (#CFECE5, #579B85, #006069, #5C2C3C, #003125)
- Washed Boulevard color palette (#D8F3E6, #57A663, #00695E, #464600, #023912)
- Weathered Cerulean Station color palette (#EFF7F4, #A0CAC9, #558A98, #536C64, #3C5252)
- Feathered Lagoon color palette (#E4FBF5, #8DCC9E, #169D7B, #8F5C2A, #1F442A)
- Feathered Lantern color palette (#DDFDFB, #3FBE71, #9346BB, #006F38, #4C2761)
- Tempered Mint Workshop color palette (#DCFFEB, #2CCB95, #007B3F, #004920, #002E19)
Browse the whole catalog at Explore, or see today's palette.