Tempered Emerald color palette — #ECDDD8 · #D2B360 · #3F9D69 · #6D2247 · #020100
A conversation between Fern and Mulberry, giving this palette its sense of nature and growth.
The five colors
- Bone (#ECDDD8): a clean, paper-quiet neutral.
- Gold (#D2B360): A luminous, balanced gold — the color of old brass.
- Fern (#3F9D69): A luminous, balanced teal — the color of shallow lagoons.
- Mulberry (#6D2247): A deep, shadowed, balanced rose — the color of strawberry cream.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light, 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
- Gentle Coast color palette (#F4DCC0, #ADC675, #07A88E, #77302C, #020100)
- Patina Market color palette (#F6E5E7, #FAAA68, #8C9B49, #6D326C, #030000)
- Powdered Olive Bloom color palette (#FFDFEE, #AC9569, #4F7700, #6B000F, #150800)
- Washed Bronze Pier color palette (#FFE1EC, #C99F60, #829A4F, #9A5422, #150A00)
- Shadow Bronze Garden color palette (#FBDFCC, #9B6600, #652600, #2A000A, #010100)
- Softworn Bronze Drift color palette (#E9E1D4, #997400, #004548, #382800, #000202)
- Soft Seafoam Ridge color palette (#F0F4BC, #74E7A5, #00B4D0, #854F00, #080800)
- Lowlit Aubergine Coast color palette (#E8E0D2, #624900, #490094, #1F0046, #020100)
Browse the whole catalog at Explore, or see today's palette.