Olive Field color palette — #EEF9EE · #B9B789 · #698D4D · #5A6085 · #223C30

Olive Leaf takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EEF9EE): bright and airy, almost weightless.
• Sage (#B9B789): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#698D4D): A luminous, balanced green — the color of fresh herbs.
• Graphite (#5A6085): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#223C30): 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

• Lagoon Loft color palette (#E7FAF4, #8CC49A, #269480, #775677, #103D3B)
• Worn Oat Orchard color palette (#FDF4E5, #D3D598, #7D9360, #685B84, #302709)
• Soft Cabin color palette (#EBFAED, #BDC07F, #539B27, #8E517B, #3D3D0C)
• Pine Harbor color palette (#D8EADD, #9DAD6C, #2A8739, #73445B, #043126)
• Hushed Jade color palette (#FDF3EA, #D0CD97, #81AF73, #9B7889, #38352E)
• Worn Taupe color palette (#FCF5E3, #9EA14C, #5C6A29, #624238, #37352F)
• Wandering Teal color palette (#EEF8F4, #B4DAD7, #66AB9C, #817891, #3E5250)
• Olive Villa color palette (#D7EDD9, #99982E, #397100, #473973, #002115)

Browse the whole catalog at Explore, or see today's palette.