Tempered Emerald color palette — #C5F0EA · #8AC598 · #3EA272 · #246B52 · #143A3D
Fern and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#C5F0EA): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#8AC598): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#3EA272): A luminous, balanced teal — the color of glacier melt.
- Pine (#246B52): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#143A3D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Emerald 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
- Muted Quarry color palette (#CDF2E2, #B6C185, #779636, #506A36, #18423C)
- Teal Lagoon color palette (#CFEFE0, #00BB99, #007A6C, #005650, #002F30)
- Weathered Cerulean color palette (#CCF5FF, #73C6CB, #009DAD, #006576, #173949)
- Wandering Periwinkle color palette (#E7F5F6, #75C6AD, #829ADA, #25836C, #233149)
- Hushed Pier color palette (#FDF7CE, #86C17F, #469370, #337467, #3D533F)
- Antique Thicket color palette (#CEE9E1, #00978D, #006563, #003D3F, #00171A)
- Forest Garden color palette (#D9E5DC, #005D3C, #003124, #001812, #000201)
- Azure Market color palette (#CDEAFC, #0095D7, #005C95, #00396D, #00163F)
Browse the whole catalog at Explore, or see today's palette.