Wandering Pier color palette — #FFF1F3 · #C483C4 · #5A3E39 · #281A1C · #0A0406

A conversation between Mauve and Cocoa, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Mauve (#C483C4): A luminous, balanced pink — the color of peonies in June.
• Cocoa (#5A3E39): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#281A1C): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#0A0406): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Coral Veranda color palette (#FFF2EE, #D98088, #6A3700, #291A16, #0B0404)
• Muted Iris color palette (#FFF0FA, #8C93F4, #583E45, #281923, #020705)
• Washed Delta color palette (#E6E2F0, #D68CD1, #756A83, #4C455E, #18171F)
• Worn Orchard color palette (#F8E1E4, #A0539B, #452728, #230F12, #0B0506)
• Ember Studio color palette (#FFF2EA, #D16736, #39342E, #190C04, #030000)
• Velvet Raspberry color palette (#FFE6F1, #DD0095, #4D1514, #15000B, #020200)
• Soft Alley color palette (#FFF2EF, #FB99AF, #36C3AD, #26A5AA, #3E231D)
• Shadow Mulberry Boulevard color palette (#FBE5E6, #86006F, #403D36, #1B1206, #120002)

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