Cocoa Pier color palette — #FFE7DD · #833E00 · #3B2000 · #160C00 · #020100

Bronze takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Rose Water (#FFE7DD): A whisper-light, dusty orange — the color of autumn markets.
• Bronze (#833E00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3B2000): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#160C00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

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

• Deep Courtyard color palette (#F8DBDF, #92001D, #4D0F00, #1B0600, #020100)
• Softworn Chestnut Hollow color palette (#FAE9C8, #705A00, #3B2E00, #1C2523, #0C0600)
• Cellar Rust Chapel color palette (#F9E7E8, #B4370C, #603400, #191300, #010100)
• Deep Bloom color palette (#D0EACF, #674400, #003C70, #2C1A00, #000104)
• Tempered Loft color palette (#E5F3E7, #8F8A55, #4D7B37, #502900, #020100)
• Nocturne Pier color palette (#D0E5D3, #4E3700, #00393C, #3B0044, #020100)
• Fern Market color palette (#F8E4F3, #006886, #565600, #060B06, #000201)
• Amber Orchard color palette (#F9E7DB, #D47D00, #906600, #594800, #292500)

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