Cocoa Pier color palette — #FDF3EA · #EAD6BB · #CDB093 · #AD8A71 · #5C4300

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

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Wheat (#EAD6BB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#CDB093): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#AD8A71): A luminous, dusty gold — the color of old brass.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Sunlit Pier color palette (#FBEDD5, #D0CA96, #C19F4D, #AE7016, #33390C)
• Antique Dune color palette (#FFF1F6, #C6F3EC, #D3A379, #8C7087, #31443D)
• Tempered Stone color palette (#FFECF2, #D0B78E, #9F7584, #6B4E5E, #223027)
• Patina Coral Meadow color palette (#EFF9EC, #8FD1C9, #D9A2CA, #D18170, #354132)
• Powdered Bronze color palette (#FFECD6, #AB8B3A, #966100, #773900, #0E0B00)
• Worn Veranda color palette (#F5EFE2, #B1B77B, #A18E2B, #8C6300, #1B2903)
• Aged Terrace color palette (#F1F7EE, #F1DBB8, #6AAD9F, #617457, #262E22)
• Worn Seafoam Bloom color palette (#FFDCCB, #DDD6FF, #2CF6C8, #67745C, #2D3228)

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