Tempered Emerald color palette — #E9F9F3 · #9AD1C4 · #6B9F5E · #4A7A87 · #2C4942
Built around Moss, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9F9F3): a clean, paper-quiet neutral.
- Pistachio (#9AD1C4): A luminous, dusty teal — the color of sea glass.
- Moss (#6B9F5E): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#4A7A87): A full-bodied, dusty blue — the color of open sky before noon.
- Forest (#2C4942): 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
- Muted Garden color palette (#FFF1F6, #CAF0DA, #8EA77F, #777193, #243F31)
- Wandering Turquoise Summit color palette (#EDF8F5, #C7E0FA, #53B5C1, #358A7F, #274D5E)
- Weathered Stone Field color palette (#EDF9EF, #AFB675, #5D7E55, #52596F, #33473F)
- Timeworn Lagoon color palette (#D5E9E9, #00896E, #005148, #002F48, #000805)
- Dusty Pier color palette (#DAEDE8, #549646, #00642B, #004047, #021500)
- Sunlit Corridor color palette (#D7F2ED, #53C677, #008E5E, #006679, #003917)
- Feathered Grove color palette (#E8FBEF, #C1C069, #809100, #985058, #3E3D11)
- Olive Thicket color palette (#D2E6DF, #7BA04F, #247400, #673522, #111F00)
Browse the whole catalog at Explore, or see today's palette.