Tempered Olive color palette — #EEEFE8 · #D5DAC9 · #B0BD9B · #3F8431 · #2E2F22
Olive Leaf and Stone set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EEEFE8): a clean, paper-quiet neutral.
- Bone (#D5DAC9): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#B0BD9B): A luminous, dusty green — the color of a quiet forest floor.
- Olive Leaf (#3F8431): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#2E2F22): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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
- Tempered Grove color palette (#E4E8DE, #BDC8B5, #98AB92, #00734D, #1D2116)
- Softworn Alley color palette (#EDF9ED, #CEE5D3, #9ECAB0, #00898A, #293729)
- Sunlit Terrace color palette (#E5E0B9, #00AE61, #007B67, #004A7E, #002C1C)
- Antique Corridor color palette (#E5ECE7, #94ABA0, #6A9083, #004E5E, #030C06)
- Hushed Nightshade color palette (#D9E6D4, #009C8B, #006D8F, #2F3095, #1A2400)
- Pine Thicket color palette (#E6F1D8, #008661, #003C34, #0F1A00, #040500)
- Frosted Lime color palette (#EBF3DC, #78DB5D, #00C976, #009585, #003021)
- Worn Cerulean Lantern color palette (#D0F6EA, #91B08F, #3A92A1, #4B5479, #3D3457)
Browse the whole catalog at Explore, or see today's palette.