Olive Field color palette — #ECF9F2 · #8EBCA5 · #9492C7 · #7D7500 · #4A486F

Walnut takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Sage (#8EBCA5): A luminous, dusty teal — the color of sea glass.
• Blue Fog (#9492C7): A luminous, dusty violet — the color of a velvet chair.
• Walnut (#7D7500): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#4A486F): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Weathered Bronze Dune color palette (#F0F8EF, #C8AA84, #6E9CD2, #9B6500, #344F6E)
• Pine Cabin color palette (#E7FAF8, #92BC9D, #B587B1, #0A8949, #60405E)
• Patina Veranda color palette (#E9F5F1, #A8BD7D, #789AE5, #657C27, #223149)
• Weathered Lilac Study color palette (#F9F5EB, #CCC789, #AAA6F7, #968F3B, #5D4453)
• Chestnut Canyon color palette (#EEF8F2, #9FC1B4, #658A77, #6F5A2D, #334E48)
• Driftwood Atelier color palette (#EAFAF2, #C2DCF1, #A7BBDD, #998558, #3A5851)
• Pewter Coast color palette (#E7FBF2, #999D67, #5093B4, #9E5F7C, #2A4A3E)
• Gentle Study color palette (#DFFDF4, #7EA243, #A151DA, #496800, #4D226B)

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