Olive Field color palette — #F6F6ED · #BEC4AA · #708C4C · #6E691D · #495304
Olive takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F6F6ED): bright and airy, almost weightless.
- Stone (#BEC4AA): A luminous, dusty green — the color of a quiet forest floor.
- Olive Leaf (#708C4C): A luminous, balanced green — the color of fresh herbs.
- Olive (#6E691D): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#495304): A full-bodied, balanced green — the color of fresh herbs.
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
- Weathered Chestnut color palette (#F5F2E8, #C0C7A8, #578F86, #736010, #30322B)
- Wandering Villa color palette (#F7F6EB, #AEB391, #4B8067, #496149, #414700)
- Fern Pier color palette (#EFE3CD, #8D914C, #415F1A, #0F4932, #312804)
- Driftwood Canyon color palette (#E7FBEE, #C0E8EB, #E2C7DA, #799375, #41584E)
- Wandering Ash Harbor color palette (#F9F4EE, #C9E7E1, #69A3B6, #3F7B71, #325247)
- Turquoise Lantern color palette (#E5FCED, #4CA6BC, #AC759D, #827642, #30493A)
- Weathered Pine Balcony color palette (#ECEDD3, #297D50, #004235, #00282C, #001408)
- Faded Jade Market color palette (#E9F0CD, #2CA982, #006960, #004B5A, #003727)
Browse the whole catalog at Explore, or see today's palette.