Olive Field color palette — #F8EAC7 · #9CB84C · #398D23 · #874539 · #283300

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

The five colors

• Parchment (#F8EAC7): A whisper-light, dusty gold — the color of old brass.
• Lime (#9CB84C): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#398D23): A full-bodied, vivid green — the color of new leaves after rain.
• Coffee (#874539): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#283300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance, 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

• Ancient Olive color palette (#F9E9D2, #BDAC4A, #718100, #775300, #352E00)
• Wandering Pine color palette (#EFECD5, #78BF77, #008D60, #7E4467, #0B380E)
• Pale Emerald Cabin color palette (#E2FDEE, #B4D165, #2D9700, #8A3E30, #1A2200)
• Misty Canyon color palette (#F6F7E0, #85CE9F, #009D7F, #8D5D29, #19442B)
• Cypress Field color palette (#E3E7D3, #78B49A, #008478, #6A5029, #222E10)
• Fern Lantern color palette (#ECE0C6, #8D9A52, #446D2E, #4F450F, #191D00)
• Aubergine Workshop color palette (#F7EAD0, #799F57, #006B4D, #5E2869, #1E3600)
• Airy Lantern color palette (#D7FFAB, #91C631, #5C8700, #3A4F00, #0F1D00)

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