Cocoa Pier color palette — #FDF3EC · #C3AB7C · #784114 · #472306 · #211D11

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

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Camel (#C3AB7C): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#784114): A full-bodied, balanced gold — the color of old brass.
• Espresso (#472306): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#211D11): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication. Tagged luxury, 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

• Chestnut Corridor color palette (#FAF4EB, #D0BDA0, #6D5C33, #3C3832, #26271C)
• Softworn Marigold Balcony color palette (#F9F5E7, #C59B35, #4B4C00, #282800, #0F1702)
• Bronze Canyon color palette (#FFF0F8, #CDC883, #A8592E, #59354A, #2B1D24)
• Sand Lagoon color palette (#FEF1F7, #F4D085, #C48458, #765967, #291E23)
• Aged Navy Cabin color palette (#FFF4E2, #A79854, #4B7837, #2E4793, #3F3D36)
• Eclipse Chestnut Drift color palette (#EBE0C7, #785900, #242F32, #191400, #030200)
• Driftwood Hollow color palette (#E1DFCE, #A58848, #303B00, #131900, #030700)
• Bronze Pier color palette (#F8F5EF, #D9DCD3, #B8C4B4, #89712B, #5E4200)

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