Cocoa Pier color palette — #FFF0FC · #EDD0E0 · #C89CAD · #9B7B74 · #7F4224

Bronze 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.
• Silver (#EDD0E0): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#C89CAD): A luminous, dusty rose — the color of pressed rose petals.
• Mocha (#9B7B74): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#7F4224): A full-bodied, balanced orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Dusty Ash Canyon color palette (#E3FCF1, #BFE1D8, #C1A1BB, #9E7D80, #614A48)
• Driftwood Studio color palette (#EDE8FC, #C396A3, #A06597, #7B5046, #532E12)
• Bronze Thicket color palette (#FFEEF0, #E4BFBE, #C09A93, #96682D, #6B4B00)
• Linen Quarry color palette (#FFDEE9, #E58A98, #C26354, #755E00, #393C00)
• Washed Mulberry color palette (#FCE4F4, #AD7289, #9E3643, #543900, #1E1900)
• Antique Lilac color palette (#E8EAFF, #C0B0F1, #B781D0, #995F60, #504844)
• Antique Workshop color palette (#FFF1F7, #C4BCEF, #ED978A, #8E80C5, #534B48)
• Hushed Fern color palette (#F4F6EC, #CBD6B8, #72A994, #70846C, #43550E)

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