Softworn Cocoa Pier color palette — #F3F4FF · #DBC3F4 · #BC86AB · #995D6E · #743228

A conversation between Rust and Dusty Rose, giving this palette its sense of creativity and warmth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lilac Frost (#DBC3F4): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#BC86AB): A luminous, balanced pink — the color of peonies in June.
• Pewter (#995D6E): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#743228): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged 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

• Mallow Market color palette (#FFF0F9, #EDD3E3, #DA93CE, #A65E6E, #612418)
• Ancient Garnet Station color palette (#ECF7FF, #B4CDF4, #9A92C8, #856393, #6A2E51)
• Bronze Courtyard color palette (#FFF0FD, #F4BCCF, #CB887E, #A0663F, #644500)
• Hazy Balcony color palette (#FFF1F4, #DBACB0, #A96F93, #913C66, #792842)
• Plum Terrace color palette (#EDE5F2, #E076B2, #BB405C, #882300, #331A00)
• Terracotta Corridor color palette (#F4E0F2, #DD92B5, #C1666A, #924000, #462C00)
• Weathered Cypress color palette (#E6FBF3, #BEB6E9, #B48198, #377D6F, #474558)
• Muted Lantern color palette (#F4EFFD, #C382B5, #5F5460, #3A3542, #212128)

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