Olive Field color palette — #F2F3E5 · #A1BD94 · #AA8FC0 · #5A7D4A · #482431

A conversation between Olive and Mauve, giving this palette its sense of nature and growth.

The five colors

• Cream (#F2F3E5): bright and airy, almost weightless.
• Sage (#A1BD94): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#AA8FC0): A luminous, dusty violet — the color of twilight just after sunset.
• Olive (#5A7D4A): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#482431): A deep, shadowed, dusty rose — the color of pressed rose petals.

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 Cypress color palette (#EBF5E8, #77C4B9, #C68898, #0C8378, #472722)
• Muted Pine Harbor color palette (#E6FAF8, #93BC98, #A48BC7, #3B8549, #48496C)
• Jade Grove color palette (#F1F5DB, #7EAA7B, #768DBB, #A16663, #272917)
• Muted Basalt Loft color palette (#F2F3E5, #B6DFDB, #9DA5B8, #938D6B, #2E3F00)
• Dusty Bronze Lagoon color palette (#FAF0E6, #C9B8A2, #A97740, #7F481C, #332B1A)
• Ancient Ridge color palette (#EEF4EC, #D7C09B, #316E61, #293522, #10160D)
• Washed Moss Alley color palette (#F7F6E9, #D6F0B8, #E5BBE7, #88A662, #613841)
• Weathered Balcony color palette (#EEF7D7, #A9D6B5, #65976E, #28552F, #04270E)

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