Tempered Emerald color palette — #E7FAF5 · #9CC094 · #44945A · #4B6D56 · #173D38
Fern and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E7FAF5): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#9CC094): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#44945A): A luminous, balanced teal — the color of glacier melt.
- Pine (#4B6D56): A full-bodied, dusty teal — the color of sea glass.
- Forest (#173D38): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Timeworn Loft color palette (#E8F9F8, #9DD2B7, #4BA188, #577B6C, #2D4848)
- Hushed Olive Chapel color palette (#E9FAEF, #BBB87C, #7E873D, #82583A, #233C30)
- Cypress Terrace color palette (#D1EBE9, #6FB693, #00856A, #2C633B, #003031)
- Moss Boulevard color palette (#EAEED7, #A7BB4E, #659500, #3A6D11, #264321)
- Emerald Villa color palette (#D5FFFC, #89CE94, #27A13E, #096320, #00270C)
- Timeworn Lagoon Villa color palette (#E6FBF2, #A6DCD9, #2F9D93, #6B5B7F, #072E2D)
- Tempered Coral color palette (#E0F4EE, #8FB849, #E76955, #5B8000, #56241C)
- Hushed Forest Canyon color palette (#CEECE4, #57824C, #005421, #203200, #010800)
Browse the whole catalog at Explore, or see today's palette.