Softworn Cocoa Pier color palette — #FDE3FF · #D89DBA · #A76064 · #833900 · #523700

Bronze and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FDE3FF): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#D89DBA): A luminous, dusty rose — the color of strawberry cream.
• Mocha (#A76064): A full-bodied, balanced red — the color of a theater curtain.
• Bronze (#833900): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#523700): A deep, shadowed, dusty gold — the color of old brass.

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

• Muted Archive color palette (#F1EFFF, #C098CC, #A4617E, #843541, #682500)
• Timeworn Loft color palette (#FFDEE3, #D99FA1, #AE564C, #7C2100, #401900)
• Muted Bronze color palette (#FFECF0, #DD9990, #AB663A, #684900, #23461B)
• Wandering Blush Boulevard color palette (#FCF5DF, #C47DA9, #99543C, #045767, #55332D)
• Pewter Villa color palette (#FCF3F2, #E1D9D1, #C7BFAE, #93647B, #504444)
• Soft Blush color palette (#FFF2EE, #FAC4FF, #F69198, #BC8036, #552C28)
• Wandering Loft color palette (#FFE6EB, #C8A7A0, #998374, #456D5A, #614559)
• Quiet Rose color palette (#FFD9EA, #F04D73, #963D00, #553300, #322A00)

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