Worn Pier color palette — #FFF0E9 · #DAA691 · #AB7545 · #815E03 · #514F47

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

The five colors

• Cream (#FFF0E9): a clean, paper-quiet neutral.
• Rosewood Mist (#DAA691): A luminous, dusty orange — the color of toasted spice.
• Mocha (#AB7545): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#815E03): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#514F47): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged muted.

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

• Linen Lagoon color palette (#FFE8F4, #E8B189, #C2782D, #7E531E, #2A412B)
• Weathered Fern color palette (#FFF2E3, #BDAB79, #8E8B3E, #516D21, #505149)
• Aged Boulevard color palette (#FFF1F2, #DBA2B6, #BA6F75, #9A4D3A, #514B46)
• Patina Chestnut color palette (#FDF4E8, #C5E1CE, #98C5BB, #B77B6E, #6A4E00)
• Weathered Olive Archive color palette (#E9DED2, #B59139, #797000, #385300, #004036)
• Cerulean Delta color palette (#FFF3E5, #B49160, #548EC5, #7466A7, #46413B)
• Bronze Orchard color palette (#EAE1D4, #917C00, #465500, #183000, #002210)
• Chestnut Canyon color palette (#FDE0DA, #8A4900, #4D3100, #201700, #020901)

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