Cocoa Pier color palette — #FFECF3 · #EEC0D1 · #A7764D · #703B00 · #2D1400

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

The five colors

• Blush (#FFECF3): A whisper-light, dusty rose — the color of a warm blush.
• Oat (#EEC0D1): A whisper-light, dusty rose — the color of strawberry cream.
• Mocha (#A7764D): A luminous, balanced gold — the color of old brass.
• Bronze (#703B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2D1400): A deep, shadowed, dusty gold — the color of old brass.

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

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

• Washed Garnet Hollow color palette (#FDEBFF, #E4C5E4, #B87377, #7A2F3C, #360F16)
• Timeworn Bronze Veranda color palette (#E1F9E5, #B7D8B9, #9D7E3E, #634600, #281A00)
• Wandering Market color palette (#F9EEF4, #CDB3BD, #99778A, #784A43, #223023)
• Hushed Bronze color palette (#FFF3E7, #EDBD95, #AF753A, #724414, #403935)
• Bronze Delta color palette (#FFF1F5, #E5D5D4, #D2A474, #9B5D21, #3C2100)
• Powdered Terrace color palette (#FFF0D6, #D8AF45, #896700, #4F3800, #180E00)
• Taupe Alley color palette (#F5ECCC, #AB9A40, #655200, #312600, #060400)
• Olive Archive color palette (#EAEFDE, #7D8513, #424900, #181D00, #010100)

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