Softworn Pier color palette — #FFF1F2 · #E2DCD0 · #A07695 · #5C3953 · #231819

Built around Heather, softened by Cocoa — the whole palette hums with sophistication.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#E2DCD0): a clean, paper-quiet neutral.
• Heather (#A07695): A luminous, dusty pink — the color of a candy shop window.
• Cocoa (#5C3953): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#231819): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, muted.

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

• Wandering Driftwood Thicket color palette (#FCF3EF, #E0DDCE, #B67258, #6F3119, #241813)
• Weathered Ash Harbor color palette (#FBF3F4, #D2E6BA, #B38EC1, #87606A, #33282B)
• Tempered Stone color palette (#F7F3FC, #EDB191, #665578, #3E334A, #2B2128)
• Dusty Chapel color palette (#FFF2F0, #FFCCB0, #A5436C, #540D2F, #160101)
• Blush Chapel color palette (#FCF3F2, #E3D8D1, #E7977F, #DA739F, #291B13)
• Ancient Olive Alley color palette (#FDF4E9, #FED2BC, #CB9470, #647C3E, #453E39)
• Softworn Garnet color palette (#FCEAE2, #D6904E, #750305, #0D120B, #170000)
• Timeworn Lagoon Balcony color palette (#FEF1FA, #B4C0F5, #88BC9E, #0C9592, #3E2A39)

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