Worn Pier color palette — #FFF1F1 · #ECD4CF · #DB9E99 · #A86A50 · #633800

Mocha and Bronze set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bone (#ECD4CF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rosewood Mist (#DB9E99): A luminous, dusty orange — the color of toasted spice.
• Mocha (#A86A50): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#633800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Airy Rust Balcony color palette (#F9F2FF, #E6A8B4, #BD6561, #88492C, #693E0C)
• Hazy Bronze color palette (#FFECEC, #FF9576, #B55E00, #5B3A00, #140E00)
• Bronze Study color palette (#FFF2EC, #E0D9CA, #CEAA7A, #8B7230, #434400)
• Garnet Villa color palette (#F6F3FF, #F2D2E1, #CD9AC1, #9A5A74, #6B2A31)
• Aged Basin color palette (#FDF4E6, #FFCDDB, #C99380, #487F6C, #4F3933)
• Antique Amber Atelier color palette (#FFF2EF, #FFB993, #BC7E26, #634D00, #231F00)
• Tempered Drift color palette (#FFF2EF, #E1D9CC, #C9B9A7, #7C8D79, #3B574A)
• Coral Archive color palette (#FFF2ED, #EB9291, #7C4417, #342823, #150D0C)

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