Tempered Emerald color palette — #DDE2D4 · #619D4C · #006E47 · #004A3D · #003231
Olive Leaf and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#DDE2D4): bright and airy, almost weightless.
- Olive Leaf (#619D4C): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#006E47): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004A3D): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#003231): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Antique Hollow color palette (#DCE8D8, #009460, #005E52, #003135, #061827)
- Misty Clover Veranda color palette (#E3E9D3, #48C302, #00A56D, #007F6C, #003232)
- Ancient Moss Station color palette (#F7E8C7, #948900, #486600, #004717, #00321E)
- Washed Lagoon color palette (#DAF4EA, #009E96, #006873, #00495E, #1F2950)
- Hazy Plum color palette (#C8E4E7, #009474, #A03E8C, #005642, #460C3C)
- Muted Meadow color palette (#DCF5E4, #868D56, #675400, #502E00, #112B03)
- Powdered Fern Grove color palette (#D3F9FB, #7CCDD6, #489CD8, #446600, #003836)
- Quiet Mulberry Villa color palette (#CDF1F7, #007D6F, #903184, #90003B, #002621)
Browse the whole catalog at Explore, or see today's palette.