Wandering Olive color palette — #FFF3E2 · #D8C99A · #B0A25A · #817C1F · #55534B

Olive Leaf and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#D8C99A): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#B0A25A): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#817C1F): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#55534B): a grounded near-black with real depth.

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

• Fern Alley color palette (#F9F5EA, #D1CBB3, #A89A77, #84733F, #534800)
• Wandering Drift color palette (#FFF3E8, #D7B37C, #9C881B, #5C692D, #44563F)
• Soft Moss color palette (#FAF5E6, #C9C796, #5FC3CD, #979000, #15575D)
• Washed Pine color palette (#F7F8DA, #B0D1A9, #6EAE78, #368756, #4F524B)
• Olive Garden color palette (#E4E7D9, #8DAC46, #508600, #285E00, #00380B)
• Washed Lantern color palette (#FDF4E3, #C0B17E, #69B88F, #D27368, #45423B)
• Tempered Olive color palette (#F2E9CB, #7C7300, #4C4B00, #202500, #060A00)
• Muted Emerald Corridor color palette (#DEEBD8, #3A9F43, #007337, #004C2D, #00271B)

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