Olive Field color palette — #ECF9EE · #AFB487 · #5A7F50 · #416349 · #2F493F

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Sage (#AFB487): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5A7F50): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#416349): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#2F493F): A deep, shadowed, dusty teal — the color of sea glass.

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

• Worn Workshop color palette (#EDF9F2, #C3CB89, #85985D, #5A7A69, #34473F)
• Pale Lagoon color palette (#C0F5E7, #71B67C, #009169, #00675D, #1C4C5C)
• Aged Lagoon color palette (#ECF8F4, #86BBB8, #008674, #685166, #2B4847)
• Chestnut Delta color palette (#F6F2E7, #B2B980, #6B7D42, #695200, #2C2714)
• Worn Peony Terrace color palette (#E4FAFD, #53B2A3, #BC67A7, #007669, #58354F)
• Weathered Harbor color palette (#FAF5EB, #DED5B4, #9BB682, #9F8E6D, #4F4200)
• Powder Hollow color palette (#DDFCFF, #C8DEEC, #BEC0F9, #67835D, #395258)
• Muted Fern color palette (#DCE9DB, #978E43, #406000, #00493B, #0C3121)

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