Wandering Olive Pier color palette — #F7F2E4 · #9FA668 · #576F00 · #4C4441 · #211C05

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F2E4): a clean, paper-quiet neutral.
• Sage (#9FA668): A luminous, balanced green — the color of new leaves after rain.
• Olive (#576F00): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#4C4441): a grounded near-black with real depth.
• Onyx (#211C05): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Wandering Olive Pier 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 Harbor color palette (#F1F3E6, #76AF88, #177655, #114E5E, #1A1F0A)
• Fern Workshop color palette (#E2DFCC, #7D9858, #296500, #4B3408, #0C1500)
• Pine Station color palette (#F4F2E6, #A2BC96, #49854D, #7C4517, #282915)
• Washed Olive Chapel color palette (#E8FAF0, #B4BB6D, #758A3E, #745970, #213C32)
• Fern Boulevard color palette (#F5EED4, #6C823C, #294F00, #49170A, #0A0800)
• Softworn Marigold color palette (#FFEEE3, #F6CEAA, #E1AB4C, #944F3D, #351E08)
• Tempered Meadow color palette (#F1F3E8, #99D3DD, #008AA5, #005B5C, #002819)
• Muted Terracotta Corridor color palette (#FFEAE2, #EA936C, #A44600, #541F00, #1B0700)

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