Wandering Olive color palette — #F9F1E2 · #A8A07C · #4D7130 · #6B3330 · #221C00

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

The five colors

• Cream (#F9F1E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#A8A07C): A luminous, dusty green — the color of fresh herbs.
• Olive (#4D7130): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#6B3330): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#221C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Wandering Olive 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 Cypress Archive color palette (#F4F2E9, #B4B696, #538163, #744934, #28290F)
• Amber Meadow color palette (#FCEAD2, #AB8935, #736100, #454700, #162300)
• Tempered Forest Veranda color palette (#F0EBD9, #7C9769, #00672F, #393C00, #081600)
• Weathered Pine color palette (#EEF8EF, #95A267, #00773D, #474769, #163E32)
• Olive Hollow color palette (#EAF9C9, #9DAF6B, #647500, #2E3800, #080C00)
• Chestnut Alley color palette (#F7F2DF, #C5E5BF, #84C2AD, #7D6100, #2C2808)
• Emerald Study color palette (#EDF8F1, #B2BA83, #61903A, #765872, #203C32)
• Aged Indigo color palette (#F1E9D2, #999543, #7E67CF, #5C5800, #1E1040)

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