Softworn Pier color palette — #F7EEFB · #AE617D · #453747 · #2D2630 · #191317

Mocha takes the lead with Charcoal close behind in a set that reads as sophistication at first glance.

The five colors

• Blush (#F7EEFB): bright and airy, almost weightless.
• Mocha (#AE617D): A full-bodied, balanced rose — the color of strawberry cream.
• Charcoal (#453747): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#2D2630): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#191317): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Blush Balcony color palette (#FFEDEB, #CC819F, #824526, #463230, #272021)
• Softworn Delta color palette (#FFEDEB, #EF99B7, #8F746E, #5F504F, #271F1F)
• Bronze Station color palette (#F4DEE6, #9D611E, #233825, #2B1920, #130B0B)
• Nocturne Chapel color palette (#FFE8FD, #C30034, #491A10, #240F24, #100308)
• Wandering Ridge color palette (#FFF0FA, #CC826C, #928C53, #92648C, #513A4A)
• Midnight Chestnut color palette (#D2F0D8, #725500, #241F00, #130C00, #000302)
• Smoked Cocoa Pier color palette (#FFE3F0, #6D3200, #433E00, #190B00, #0A0004)
• Weathered Bronze Parlor color palette (#FFF0FC, #E09C91, #998FCB, #A6594E, #454B69)

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