Olive Field color palette — #E9FAF1 · #B0BA8E · #6B8D3C · #676637 · #203C33
A conversation between Olive Leaf and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9FAF1): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#B0BA8E): A luminous, dusty green — the color of a quiet forest floor.
- Olive Leaf (#6B8D3C): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#676637): A full-bodied, dusty green — the color of fresh herbs.
- Forest (#203C33): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Olive Field 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 Lagoon color palette (#E4FCF3, #A3C885, #499C41, #2A7A55, #2D421B)
- Timeworn Villa color palette (#EDF9EE, #CBD7A2, #679775, #4E6C52, #003024)
- Timeworn Pine color palette (#D4EAE5, #81B47E, #008846, #1C634F, #06302C)
- Worn Cornflower Coast color palette (#C4EDF7, #00ABA8, #4787E9, #638427, #08313A)
- Ancient Olive color palette (#D4E7E0, #809D60, #277303, #414B00, #121F00)
- Worn Lagoon color palette (#DCF4F7, #00C3A2, #C48800, #00856E, #493000)
- Olive Harbor color palette (#DDF2E8, #6B7E22, #305000, #003611, #050700)
- Weathered Aqua color palette (#D4FFFC, #40D2CC, #009897, #005856, #002524)
Browse the whole catalog at Explore, or see today's palette.