Tempered Olive color palette — #E1E4C1 · #ABA200 · #4C8F00 · #006D5C · #000200
A conversation between Olive Leaf and Mustard, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E1E4C1): A whisper-light, dusty green — the color of new leaves after rain.
- Mustard (#ABA200): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#4C8F00): A full-bodied, vivid green — the color of fresh herbs.
- Pine (#006D5C): A full-bodied, balanced teal — the color of shallow lagoons.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
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
- Ancient Cabin color palette (#F0EFDD, #EA8721, #73A700, #008390, #000301)
- Marigold Parlor color palette (#F3E8C5, #E49800, #938800, #16690A, #010100)
- Aged Lime Pier color palette (#D5E8C5, #72C000, #00926C, #005963, #000201)
- Weathered Olive Pier color palette (#D2EAE4, #8C7F00, #457500, #004537, #000301)
- Ancient Abyss Thicket color palette (#EEE3CC, #76813E, #214700, #211B00, #010100)
- Wandering Terrace color palette (#D7E7CB, #519577, #005553, #331843, #0B0006)
- Weathered Mulberry Alley color palette (#D7E3D0, #007D6B, #9C004D, #00332B, #040001)
- Airy Garden color palette (#D9F7DE, #00D0A6, #00B2B8, #0079B6, #000102)
Browse the whole catalog at Explore, or see today's palette.