Tempered Emerald color palette — #DFEFDA · #3B9756 · #006549 · #003B33 · #001B1B
Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DFEFDA): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#3B9756): A luminous, balanced teal — the color of sea glass.
- Pine (#006549): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#003B33): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001B1B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Quiet Emerald color palette (#ECF3B6, #86BD67, #009760, #00554E, #002730)
- Olive Orchard color palette (#EEEED9, #728914, #406B00, #004615, #001D0F)
- Moss Veranda color palette (#DDE4C4, #4CAD38, #007152, #004843, #0F2C42)
- Tempered Teal Harbor color palette (#C7F0E8, #00ABA3, #00635A, #00312D, #000806)
- Plum Veranda color palette (#D6F5F7, #049577, #B52A6F, #005342, #280013)
- Fern Thicket color palette (#E5F4EB, #858B5D, #615500, #412D00, #081200)
- Hazy Azure color palette (#CCF7FD, #8ADAE4, #4DADE6, #007345, #001A20)
- Softworn Grape Coast color palette (#DAEBEE, #007D6C, #6E3CB3, #723C00, #000E0B)
Browse the whole catalog at Explore, or see today's palette.