Softworn Cocoa Pier color palette — #FFF0FC · #F8CFD3 · #C49FAD · #8E6E69 · #71341A

Rust takes the lead with Mauve close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Shell Pink (#F8CFD3): A whisper-light, dusty red — the color of embers at dusk.
• Mauve (#C49FAD): A luminous, dusty rose — the color of a warm blush.
• Mocha (#8E6E69): A full-bodied, dusty orange — the color of sun-warmed clay.
• Rust (#71341A): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

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

• Bronze Studio color palette (#FBF1FF, #FFC7F7, #C28CA6, #9C6636, #603B00)
• Muted Cocoa Field color palette (#FFF0F7, #E6D5D2, #D7BBBF, #9E897E, #733E0A)
• Ancient Blush Thicket color palette (#FFD8E5, #F28894, #9E6A61, #514200, #1C1500)
• Bronze Summit color palette (#FFF0F8, #F8D1CC, #CDABB1, #A96849, #36523E)
• Timeworn Glacier color palette (#DFFEEA, #AFE6E7, #C5A8C8, #91797F, #654B4D)
• Timeworn Summit color palette (#FFF0FC, #ECAECB, #B47985, #6B4C27, #372500)
• Timeworn Orchard color palette (#E8F3FF, #ABBCDB, #8180A6, #714E2B, #20422F)
• Lilac Archive color palette (#F4F4FF, #D8BEFF, #B07DC0, #8C524E, #522512)

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