Worn Pier color palette — #FBF3F4 · #E1D9D3 · #CCA6CE · #B4B3A6 · #585052

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

The five colors

• Ivory (#FBF3F4): bright and airy, almost weightless.
• Bone (#E1D9D3): a clean, paper-quiet neutral.
• Mauve (#CCA6CE): A luminous, dusty pink — the color of neon signs at night.
• Ash (#B4B3A6): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#585052): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. 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

• Antique Blush Field color palette (#FFF1F1, #E3D8CC, #AEC1CE, #D588B4, #4B3B3B)
• Oat Balcony color palette (#FFF1F4, #F0D6D2, #DDC0AA, #859E8F, #445249)
• Worn Driftwood Summit color palette (#F2F0F8, #DCD4D9, #B5A9A9, #857D9D, #36353B)
• Fern Studio color palette (#FBF4EB, #E7DEBF, #A2C091, #AB929E, #5D4B00)
• Taupe Courtyard color palette (#FFF1F4, #E0B6E8, #B8AA65, #4494A1, #2A4B37)
• Mallow Grove color palette (#FDEEEC, #EF98BB, #AA6949, #60504F, #271F21)
• Wandering Blush Station color palette (#FAF6E3, #E3C2F2, #EA919B, #5B989B, #554243)
• Timeworn Ridge color palette (#F3EBEB, #AB9E93, #9C8867, #983488, #120507)

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