Tempered Emerald color palette — #D6F8E9 · #A5BF90 · #619962 · #007357 · #26565E
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D6F8E9): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#A5BF90): A luminous, dusty green — the color of new leaves after rain.
- Fern (#619962): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#007357): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#26565E): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Calm, Balance. Tagged muted, 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
- Emerald Market color palette (#EAEBC8, #9BCA93, #4E9D5F, #2D6B47, #343730)
- Aged Jade color palette (#D8FFF7, #A6D29C, #63AF6D, #4A8560, #2C5556)
- Lagoon Meadow color palette (#DAFDFF, #9AD2D4, #439781, #00614A, #03402D)
- Tempered Lagoon color palette (#D4FFFF, #86C1B0, #329B98, #006D83, #454E6B)
- Softworn Pine Balcony color palette (#EBF8F8, #8CBDA0, #B885B0, #158756, #514767)
- Weathered Fern Boulevard color palette (#FFF1F6, #C8AE7E, #91873C, #596718, #285850)
- Muted Meadow color palette (#D9EADF, #3DAC8D, #007774, #005764, #23365D)
- Driftwood Meadow color palette (#E2FBFA, #D1DEEB, #B8C4EB, #7E8A53, #3D585B)
Browse the whole catalog at Explore, or see today's palette.