Cocoa Pier color palette — #FFF0FC · #DBC9D4 · #C2A4B0 · #9A7E79 · #7B3C22

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Oat (#DBC9D4): A whisper-light, dusty pink — the color of peonies in June.
• Rosewood Mist (#C2A4B0): A luminous, dusty rose — the color of strawberry cream.
• Mocha (#9A7E79): A luminous, dusty orange — the color of autumn markets.
• Bronze (#7B3C22): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, 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

• Driftwood Delta color palette (#E1FDEF, #BAD7CE, #BEA8BB, #9B797E, #624D4C)
• Chestnut Garden color palette (#EADEF9, #BE9ABE, #9B6C86, #7E482C, #583300)
• Muted Cocoa color palette (#FFE3E7, #D3B1B2, #B38A82, #8D643C, #624300)
• Ancient Iris Orchard color palette (#FCF2F8, #BEBEF3, #DF9D9C, #8481D3, #6C3E3E)
• Hazy Fern Lantern color palette (#FFD8DB, #DD9D94, #B16D4B, #666600, #294100)
• Dusty Fern color palette (#F5F6EC, #CDD5B8, #93A27F, #71846A, #465409)
• Driftwood Summit color palette (#F2D7E0, #AA6E74, #7F4C41, #473900, #191D00)
• Tempered Villa color palette (#FFF0F9, #A6ACE3, #CD8FB1, #36A2B7, #513A49)

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