Weathered Pier color palette — #FCF3F2 · #DFD9D3 · #A4AFA5 · #9E7389 · #5A504F

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

The five colors

• Ivory (#FCF3F2): a clean, paper-quiet neutral.
• Bone (#DFD9D3): a clean, paper-quiet neutral.
• Ash (#A4AFA5): a calm mid-gray that lets other colors speak.
• Mocha (#9E7389): A luminous, dusty rose — the color of pressed rose petals.
• Charcoal Brown (#5A504F): quiet, heavy and certain.

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

Use it as a design system

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

• Patina Chapel color palette (#F4F0F6, #DBD4D7, #AEAAA0, #A17385, #38343B)
• Muted Oat Harbor color palette (#FFF1F3, #E6C4BB, #A39486, #5D766A, #624C5D)
• Worn Cocoa color palette (#FAF4EF, #DBDCD1, #BDC2B6, #976849, #6B3900)
• Antique Ash color palette (#FAF5E5, #CC93B8, #9F6755, #2B626F, #57423E)
• Muted Pier color palette (#F5ECE9, #D4CAC2, #AB9E8E, #833A3D, #3A2924)
• Patina Fern color palette (#F9F5EA, #C4C3A0, #618D73, #785D65, #535000)
• Softworn Blush Workshop color palette (#FEF2F0, #C77F94, #5D7A4F, #1D5F5B, #234660)
• Onyx Corridor color palette (#EEE3E2, #A7958E, #986331, #53002B, #170302)

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