Wandering Pier color palette — #ECF9F0 · #9BA162 · #49701A · #255066 · #1B3D31

Olive takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Moss (#9BA162): A luminous, balanced green — the color of new leaves after rain.
• Olive (#49701A): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#255066): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#1B3D31): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Wandering 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

• Wandering Cypress color palette (#E7FAF7, #75A891, #007367, #0B5462, #183C3D)
• Patina Grove color palette (#FFECF3, #B2A04D, #507032, #444264, #092215)
• Frosted Fern color palette (#D7EADF, #84935A, #236505, #512D58, #073126)
• Hushed Navy Harbor color palette (#D1F4ED, #50A676, #006A57, #353881, #00381F)
• Tempered Taupe color palette (#F9F5E8, #C1D299, #8BAC6E, #718C6C, #37362F)
• Olive Villa color palette (#FFF3E8, #C4B666, #668E49, #7C5764, #38352E)
• Powdered Forest color palette (#DCEBE3, #6B852E, #0E5408, #003151, #151E00)
• Hushed Boulevard color palette (#F1F7F2, #9ACFDC, #008893, #006346, #173F53)

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