Softworn Pier color palette — #FBF2F5 · #E3D8D3 · #BAB3A3 · #BD9ECC · #534347

A conversation between Mauve and Stone, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Bone (#E3D8D3): bright and airy, almost weightless.
• Stone (#BAB3A3): A luminous, dusty gold — the color of old brass.
• Mauve (#BD9ECC): A luminous, dusty violet — the color of wild irises.
• Cocoa (#534347): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

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

• Weathered Driftwood Station color palette (#FFF1F3, #E4CBB9, #D0AE9B, #8F9771, #3E4F3A)
• Antique Peony color palette (#FFF1F2, #E6D6CB, #D1BCA6, #D071B9, #46292C)
• Antique Veranda color palette (#F1F1F8, #DDD4DC, #CDB6C2, #89649A, #2B2B36)
• Cocoa Pier color palette (#FBF3EF, #DDD9CF, #C2C0B0, #D18B7C, #602702)
• Muted Delta color palette (#FFF1F2, #EBD6E9, #FFBBF6, #F5A19C, #583232)
• Worn Blush color palette (#F8DDDD, #E089BF, #846862, #584444, #201517)
• Patina Coast color palette (#FFF4E2, #E8B0F1, #DA889F, #6D8D52, #513436)
• Hushed Study color palette (#FFF1F3, #E0A8DC, #C69467, #3C8F64, #123962)

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