Tempered Emerald color palette — #F6F7E6 · #678F4A · #9D5B5F · #7E3F08 · #33332C
A conversation between Olive Leaf and Bronze, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F6F7E6): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#678F4A): A luminous, balanced green — the color of fresh herbs.
- Walnut (#9D5B5F): A full-bodied, balanced red — the color of late-summer berries.
- Bronze (#7E3F08): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#33332C): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, 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
- Terracotta Studio color palette (#F8F6E7, #899766, #A36D7B, #91472D, #463E00)
- Ancient Pier color palette (#F6F9D7, #368C12, #AF3638, #723800, #1A3213)
- Garnet Pier color palette (#F9F5EA, #89833C, #89426E, #7A141B, #372308)
- Garnet Orchard color palette (#FEF4E2, #9A7E1D, #18836A, #863243, #36322C)
- Hushed Orchard color palette (#F3F3E4, #719342, #855FB3, #7F3B2E, #1C1B06)
- Violet Dune color palette (#E7FAF3, #ABBC50, #9664B9, #A25645, #1E3930)
- Aged Mulberry color palette (#FFF3E8, #AD7241, #7E629D, #76386D, #37322D)
- Mulberry Boulevard color palette (#F1E5B8, #7B6600, #94147F, #74002B, #271F00)
Browse the whole catalog at Explore, or see today's palette.