Wandering Pier color palette — #FEF2EC · #E2DCC3 · #C9A691 · #976F64 · #553900

Cocoa and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Bone (#E2DCC3): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#C9A691): A luminous, dusty gold — the color of old brass.
• Mocha (#976F64): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#553900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Antique Chestnut color palette (#FCEFE6, #D3B49D, #AB735C, #824624, #37291C)
• Cocoa Basin color palette (#FFF3E5, #C4B26F, #986D2D, #723003, #111400)
• Dusty Driftwood color palette (#FDF1F9, #D1ACBA, #A47361, #6C546E, #3E4C40)
• Hushed Bronze color palette (#FBF5E4, #E1DFBA, #A3A173, #8A6221, #31332C)
• Seafoam Study color palette (#F1F8EA, #80D8B6, #C8A0C0, #9E7196, #253900)
• Antique Atelier color palette (#F3E4C4, #96A163, #715E00, #482A00, #010500)
• Washed Driftwood Chapel color palette (#F3F7EF, #D3D9CB, #759151, #374F0C, #191D15)
• Ancient Market color palette (#F3DCCC, #B17832, #7E3400, #46000A, #020100)

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