Olive Field color palette — #E7FBF2 · #93AF63 · #3C7B00 · #7A3D2B · #324018

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#E7FBF2): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#93AF63): A luminous, balanced green — the color of new leaves after rain.
• Olive (#3C7B00): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#7A3D2B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#324018): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Dusty Pine color palette (#E7FAF6, #7FA783, #007647, #644226, #1D3C39)
• Weathered Moss color palette (#DAF2E6, #8A9D00, #466600, #5F3900, #2B3200)
• Antique Thicket color palette (#E1F9E9, #96B554, #2A7E44, #554070, #00271F)
• Dusty Emerald color palette (#FFF4DE, #ACC772, #429C5A, #716086, #3C3B34)
• Dusty Orchard color palette (#ECF9F3, #A5CAC0, #6C8C5F, #566D58, #3E524C)
• Chalky Plum Dune color palette (#FFE2ED, #B96800, #5C8000, #AC0B66, #4A2600)
• Sunlit Mustard Studio color palette (#FFF1F6, #E8E5BB, #D5AE3F, #A7572B, #583D1B)
• Lagoon Chapel color palette (#C7E8E4, #418B63, #00523C, #432700, #002020)

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