Worn Pier color palette — #F8F3F8 · #E1D7D8 · #B1ACA2 · #A97071 · #565056

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

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#E1D7D8): bright and airy, almost weightless.
• Ash (#B1ACA2): a calm mid-gray that lets other colors speak.
• Mocha (#A97071): A luminous, dusty red — the color of embers at dusk.
• Charcoal Brown (#565056): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Ancient Driftwood color palette (#F5F0F5, #DED4D5, #A5B3BF, #917995, #393439)
• Tempered Corridor color palette (#F1F7F2, #D2DDDC, #ACC5C8, #8A7038, #404B42)
• Muted Atelier color palette (#EDF9EF, #CC9993, #996D3E, #006768, #573F4E)
• Weathered Rust color palette (#FBF2F8, #E5D5D4, #AFC2B1, #B33F00, #4C3945)
• Patina Garden color palette (#EDE5EB, #A6949D, #8A6470, #570200, #11040F)
• Dusty Petrol Alley color palette (#FFF0FB, #CCB9BF, #7F998A, #547684, #3D4E60)
• Cocoa Balcony color palette (#EBF0EB, #B0BDB4, #7B958A, #5E3C00, #122412)
• Weathered Amber color palette (#FBF2F8, #F4D4CB, #E8BF8C, #BC8E34, #5C434E)

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