Wandering Olive color palette — #F7F6E9 · #728C3D · #4D6EA1 · #4A4A74 · #37302C

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

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Olive Leaf (#728C3D): A luminous, balanced green — the color of fresh herbs.
• Slate (#4D6EA1): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#4A4A74): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#37302C): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Pale Bronze color palette (#FAF5E6, #968300, #4D6291, #38496F, #5A1D04)
• Emerald Garden color palette (#F3F7E9, #489B53, #7B5488, #6C3D56, #3A342F)
• Timeworn Teal color palette (#EEF4E6, #4EA78E, #387089, #2D476D, #261A10)
• Worn Balcony color palette (#F9F9C8, #A7CB8B, #50926B, #21685F, #004E59)
• Taupe Bloom color palette (#EEF8F3, #A6A568, #438CA1, #8F5A6B, #273730)
• Patina Meadow color palette (#F6F6ED, #D4DDD6, #A2AEB5, #8D843B, #53534C)
• Washed Boulevard color palette (#FFF3E9, #98B274, #43847D, #724E52, #444E00)
• Linen Nightshade color palette (#F3F8E2, #008552, #2E39AD, #50167E, #341C00)

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