Tempered Olive color palette — #FBF5E3 · #B3BA85 · #718C2C · #4D6D49 · #37352F
Built around Olive Leaf, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#FBF5E3): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#B3BA85): A luminous, dusty green — the color of a quiet forest floor.
- Olive Leaf (#718C2C): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#4D6D49): A full-bodied, dusty green — the color of new leaves after rain.
- Espresso (#37352F): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Emerald Field color palette (#F6F7E4, #9CBF9D, #27975E, #68671C, #343A00)
- Wandering Driftwood Courtyard color palette (#FFF3E8, #DDD0A1, #7A945A, #506C4D, #332506)
- Ancient Pine color palette (#E7E5D6, #90B07F, #3B8440, #016267, #2B2B02)
- Olive Drift color palette (#F1ECD5, #829E4A, #397100, #005428, #1F1B00)
- Worn Hollow color palette (#F3F7EC, #C6D8B4, #69AA9C, #6E846E, #3C5717)
- Muted Olive color palette (#F4EDDA, #757B26, #3C4D00, #00342C, #080600)
- Aged Azure color palette (#F4F6EE, #B6DFCE, #4C9DD7, #007893, #49304D)
- Dusty Station color palette (#F1DDF3, #5098EA, #B166C3, #008A82, #372338)
Browse the whole catalog at Explore, or see today's palette.