Tempered Emerald color palette — #F7EFDC · #A1AE76 · #56903C · #736400 · #181E00
A conversation between Olive Leaf and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7EFDC): A whisper-light, dusty gold — the color of old brass.
- Sage (#A1AE76): A luminous, dusty green — the color of new leaves after rain.
- Olive Leaf (#56903C): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#736400): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#181E00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, 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
- Weathered Bloom color palette (#E1E1D1, #82B58E, #039572, #506E32, #00220B)
- Misty Emerald Delta color palette (#E8E5D3, #8AB483, #009760, #964D1A, #032201)
- Patina Pine color palette (#FAECD9, #8B9B52, #00743E, #5A4000, #181E00)
- Softworn Corridor color palette (#F3E8D8, #928B3E, #576C00, #00572D, #070600)
- Washed Olive Market color palette (#EDEDD5, #8BD49F, #00B08A, #5B8B2A, #003918)
- Olive Drift color palette (#D6EFE0, #708208, #205100, #312A00, #000B06)
- Tempered Atelier color palette (#DCEBD9, #00A298, #A84CED, #A46400, #001614)
- Airy Clover Lantern color palette (#FDF4E3, #CCD595, #7FB850, #3C9D78, #3A3F03)
Browse the whole catalog at Explore, or see today's palette.