Wandering Pier color palette — #FFF2EA · #DDD9CC · #99B9A8 · #DD8E67 · #633000

Camel and Bronze set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#DDD9CC): bright and airy, almost weightless.
• Sage (#99B9A8): A luminous, dusty teal — the color of sea glass.
• Camel (#DD8E67): A luminous, balanced orange — the color of sun-warmed clay.
• Bronze (#633000): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Weathered Mustard color palette (#FAF5EA, #D7DBCF, #93B7B4, #BFA232, #523C00)
• Patina Alley color palette (#FEF3ED, #DCDACD, #BDC2AC, #C06C51, #662E01)
• Ancient Chapel color palette (#FFF2F0, #E4D7CB, #A5B09D, #DE84A5, #513836)
• Worn Stone color palette (#F6F5EE, #D6DBD5, #A7B5B1, #726C74, #54534C)
• Softworn Study color palette (#FEF4DD, #D2D487, #9BB055, #AB7E58, #3D3D02)
• Amber Boulevard color palette (#F4E1CB, #DB8E00, #84601B, #5C3900, #190F07)
• Hushed Bronze color palette (#F0E9E0, #BFC1B2, #A4AA92, #A87500, #281D0E)
• Feathered Amber Corridor color palette (#FFF4DE, #FFAB54, #C49500, #009159, #4B2E00)

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