Tempered Olive color palette — #F4E3CE · #827C00 · #2D4E00 · #24254A · #0B0700
Olive Leaf takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F4E3CE): A whisper-light, dusty gold — the color of honey in a jar.
- Olive Leaf (#827C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#2D4E00): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Indigo (#24254A): A deep, shadowed, dusty violet — the color of a velvet chair.
- Ink (#0B0700): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, 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
- Wandering Olive color palette (#F8EDD3, #5B8811, #00522D, #003034, #040A00)
- Dusty Bronze Market color palette (#FADCE8, #8C7919, #2F4F02, #3B214B, #211A00)
- Worn Veranda color palette (#F4E6C8, #527500, #004220, #26103F, #030300)
- Wandering Moss color palette (#DDFEEE, #98AE2E, #4A6C11, #004640, #000A06)
- Byzantium Dune color palette (#F4EBFE, #9E45DC, #006A24, #3E0060, #000B01)
- Muted Fern Balcony color palette (#D5E9DB, #929858, #456E0C, #004B69, #1B1D00)
- Pale Station color palette (#ECE5CC, #50AE24, #006C4C, #502B64, #051C00)
- Softworn Taupe Grove color palette (#F8F1E5, #98A969, #427148, #5D3A49, #211C00)
Browse the whole catalog at Explore, or see today's palette.