Wandering Pier color palette — #F9F4EE · #CDE4DD · #98BCA1 · #5E937F · #325243

Eucalyptus and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#CDE4DD): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#98BCA1): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#5E937F): A luminous, dusty teal — the color of sea glass.
• Deep Olive (#325243): A full-bodied, dusty teal — the color of sea glass.

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

• Softworn Powder color palette (#F9F4EE, #CAE8E6, #8EB7D5, #6F9073, #5E4B5E)
• Washed Petrol color palette (#F1EADF, #5AB0BF, #00718F, #004B44, #001625)
• Wandering Cerulean Market color palette (#F6EDE0, #A7CFBB, #408EC2, #006B70, #0F2E55)
• Dusty Corridor color palette (#FFF0FD, #93B1EE, #D4908B, #71A070, #4C3C4A)
• Washed Cerulean Hollow color palette (#FDF0FD, #A5C6F6, #C9AD78, #678EC5, #674600)
• Tempered Periwinkle color palette (#CEF9E3, #96CCF1, #74A3D6, #6279A6, #61455A)
• Bronze Studio color palette (#FFF2EA, #E0C5AD, #B4947E, #A36144, #633F00)
• Cobalt Terrace color palette (#EEE6D8, #8BB6DF, #4C72BE, #00566C, #171649)

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