Cocoa Pier color palette — #E4DED9 · #C4B7A7 · #9A8D6C · #722C00 · #281D15

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

The five colors

• Bone (#E4DED9): bright and airy, almost weightless.
• Stone (#C4B7A7): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#9A8D6C): A luminous, dusty gold — the color of afternoon light on wheat.
• Rust (#722C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#281D15): A deep, shadowed, dusty gold — the color of old brass.

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

• Cocoa Lantern color palette (#F1E2E9, #C6ABB4, #7D957E, #693300, #12070C)
• Dusty Basin color palette (#F7EDEC, #C6B5AE, #A08976, #7F0243, #291B19)
• Chestnut Balcony color palette (#F6EAE0, #D1C1B1, #B7A183, #934900, #281C13)
• Fern Lagoon color palette (#F0EFE6, #CACEC0, #94A78D, #495E00, #302E1E)
• Softworn Olive color palette (#E6E3DA, #9C9B85, #667937, #322B00, #0E0800)
• Antique Quarry color palette (#FAF4EF, #DCDDD1, #BBC5B0, #986744, #4E463F)
• Coral Market color palette (#F1DDC9, #FB5A5B, #AD7300, #476200, #221800)
• Olive Courtyard color palette (#F5ECD9, #688635, #005329, #521230, #1E1B00)

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