Tempered Olive color palette — #E1E3B5 · #A0A961 · #6A8229 · #3F6021 · #1C3511
A conversation between Olive Leaf and Olive, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E1E3B5): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A0A961): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#6A8229): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#3F6021): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#1C3511): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Washed Drift color palette (#D7E9D5, #74B67E, #328554, #005F43, #003226)
- Dusty Study color palette (#E7DDCE, #CBA75F, #8C7200, #564C00, #2E2B00)
- Patina Fern color palette (#D2F7DC, #BAB269, #6D8A25, #246918, #24563C)
- Faded Balcony color palette (#F3F4DE, #89B26D, #3C98C2, #487226, #002C3D)
- Pine Villa color palette (#F0F7CC, #96CC9B, #4F854E, #154A1A, #001D05)
- Weathered Market color palette (#F1F5D6, #689D63, #0090A0, #8D610D, #1E2005)
- Misty Emerald color palette (#D7E3CF, #2CA40E, #007027, #004523, #001F12)
- Teal Archive color palette (#CCF3EE, #00B0AF, #00797E, #00454D, #00222A)
Browse the whole catalog at Explore, or see today's palette.