Tempered Olive color palette — #E3DECF · #7E7B00 · #004947 · #353400 · #000404
A conversation between Olive Leaf and Espresso, giving this palette its sense of nature and growth.
The five colors
- Bone (#E3DECF): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#7E7B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004947): A deep, shadowed, dusty teal — the color of sea glass.
- Espresso (#353400): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#000404): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Tempered Olive 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 Olive color palette (#EFEEDB, #527600, #00384F, #1C2D00, #000204)
- Ancient Bronze color palette (#F4E5D8, #AC610E, #004B37, #4C2700, #020400)
- Nightshade Lantern color palette (#E1E4D8, #008E45, #2A00B5, #003D1A, #020019)
- Olive Chapel color palette (#EEDCD1, #427600, #004745, #470027, #001C0C)
- Dusty Emerald Drift color palette (#E9EBD6, #3D9138, #00583D, #002A2B, #04121F)
- Nightshade Balcony color palette (#E6EEE3, #009D91, #4539A6, #004C46, #0A0727)
- Muted Moss Boulevard color palette (#F2F3E4, #55A537, #00549C, #1D5500, #001229)
- Washed Moss Lantern color palette (#DCE5CD, #A5AB00, #00985A, #005E6A, #001916)
Browse the whole catalog at Explore, or see today's palette.