Olive Field color palette — #FBF5E8 · #B9B880 · #7C8923 · #68671C · #37352F
A conversation between Olive Leaf and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF5E8): a clean, paper-quiet neutral.
- Sage (#B9B880): A luminous, dusty green — the color of a quiet forest floor.
- Olive Leaf (#7C8923): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#68671C): A full-bodied, balanced green — the color of fresh herbs.
- 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 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 Grove color palette (#F7F6E7, #9CC191, #3F9553, #3E6F5B, #35362F)
- Timeworn Olive color palette (#F7F5EC, #B7CD9E, #749C67, #697A37, #494400)
- Worn Taupe color palette (#FFF3E7, #AF9A4B, #5C6A2F, #494C45, #38352F)
- Sand Grove color palette (#FFF2E9, #E5CE93, #81925D, #546B4E, #332509)
- Feathered Fern color palette (#F1EBDA, #8C9C3A, #4C6D00, #205124, #191D00)
- Feathered Moss color palette (#DCF6E7, #00BAE4, #7CA620, #007E9C, #2B3C03)
- Lagoon Archive color palette (#E4ECD9, #00886E, #005148, #003235, #030800)
- Softworn Ridge color palette (#F2DDF3, #3E96FB, #BC57D1, #008A82, #362438)
Browse the whole catalog at Explore, or see today's palette.