Tempered Olive color palette — #E8DFC5 · #888200 · #00757E · #413E00 · #000102
Olive Leaf and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#E8DFC5): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#888200): A full-bodied, balanced green — the color of fresh herbs.
- Teal (#00757E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#413E00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Aged Emerald color palette (#E7E8D0, #4C9314, #00709B, #204700, #000103)
- Frosted Garnet color palette (#E9E4C5, #766700, #00694B, #7C1700, #020100)
- Muted Grove color palette (#ECE6D8, #8A8B30, #574E00, #2A2000, #010100)
- Weathered Brick color palette (#EDE7C3, #778800, #C1002E, #384100, #040000)
- Softworn Emerald color palette (#E5EBD3, #1A964C, #A04C00, #00491F, #030100)
- Fern Loft color palette (#D8EFE3, #676200, #00565D, #312E00, #001315)
- Washed Nightshade Boulevard color palette (#EEEED3, #615E00, #2D27BC, #2D2B00, #010015)
- Clover Bloom color palette (#F4ECCA, #BAD58F, #5EB65B, #635600, #020400)
Browse the whole catalog at Explore, or see today's palette.