Tempered Emerald color palette — #D4E7CB · #369149 · #00674A · #004137 · #001E1E
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D4E7CB): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#369149): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#00674A): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004137): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001E1E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. 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
- Aged Moss color palette (#DCE2C1, #529F1B, #00684C, #004942, #0C2E43)
- Softworn Clover Workshop color palette (#E4E3A0, #81BB58, #008E58, #00504D, #00252C)
- Worn Moss Meadow color palette (#E2E0C3, #7E9427, #3B6300, #003C09, #001F10)
- Antique Villa color palette (#DEEEEB, #009394, #00606F, #00394A, #001727)
- Frosted Plum Hollow color palette (#E6EEDF, #009574, #B62B6D, #005440, #290013)
- Forest Ridge color palette (#DFEDD8, #98DCDF, #45A5D3, #00723F, #0A2407)
- Washed Fern Lagoon color palette (#EEE4CE, #868C51, #635500, #422D00, #110F00)
- Grape Atelier color palette (#E4EDDF, #007D6A, #6B40B1, #743B00, #000E0A)
Browse the whole catalog at Explore, or see today's palette.