Tempered Teal color palette — #E5FBF5 · #ABD6B4 · #64B296 · #A17B5B · #133D3B
Jade and Mocha set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E5FBF5): A whisper-light, dusty teal — the color of glacier melt.
- Pistachio (#ABD6B4): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#64B296): A luminous, balanced teal — the color of sea glass.
- Mocha (#A17B5B): A luminous, dusty gold — the color of old brass.
- Deep Teal (#133D3B): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Chalky Teal color palette (#E2FBF7, #A4DEBB, #00C0A1, #689758, #18442D)
- Teal Balcony color palette (#D8E9E7, #8FC8B2, #12A69C, #4A8456, #003033)
- Powdered Moss color palette (#D5F4E4, #B2CB86, #52AF4F, #867E00, #253400)
- Worn Lagoon Market color palette (#F8F6E7, #AEDDC0, #009E9A, #815656, #242B12)
- Patina Stone Harbor color palette (#EDF8F4, #C0E7DF, #8BC1BF, #7DA495, #3A534E)
- Ancient Thicket color palette (#C3EFEB, #7AC287, #809FFF, #E26E5F, #003331)
- Washed Lagoon color palette (#D2F0EC, #7CB699, #009381, #895800, #002113)
- Tempered Jade Dune color palette (#CAFFFE, #9AE2BA, #41BF7E, #008A5A, #002713)
Browse the whole catalog at Explore, or see today's palette.