Tempered Emerald color palette — #D2ECE0 · #619D55 · #006549 · #5A2F36 · #00312C
Olive Leaf takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D2ECE0): A whisper-light, dusty teal — the color of sea glass.
- Olive Leaf (#619D55): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#006549): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#5A2F36): A deep, shadowed, dusty red — the color of late-summer berries.
- Deep Forest (#00312C): 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 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
- Moss Thicket color palette (#D6EBDA, #89942C, #2F6327, #4D3B0D, #282C03)
- Dusty Alley color palette (#E4FBF3, #6DAC7B, #0C7361, #584357, #153D3A)
- Hushed Forest Lantern color palette (#D4E5DD, #729973, #006356, #4F2948, #001802)
- Hushed Lagoon color palette (#D1E7E2, #009062, #00504B, #501B12, #002114)
- Tempered Stone Pier color palette (#ECFAEB, #B9B180, #697A50, #4D604B, #36473D)
- Weathered Moss color palette (#C0E8DE, #6CA021, #6F40A1, #345400, #331A4D)
- Moss Station color palette (#C6F9C3, #51A839, #166909, #053403, #001D04)
- Worn Aubergine Veranda color palette (#DEF6F0, #5C8E22, #66209A, #7D074C, #002620)
Browse the whole catalog at Explore, or see today's palette.