Cocoa Pier color palette — #F1E5EC · #BF976E · #6E321F · #370B00 · #0D0109

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

The five colors

• Blush (#F1E5EC): bright and airy, almost weightless.
• Camel (#BF976E): A luminous, dusty gold — the color of old brass.
• Rust (#6E321F): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#370B00): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0D0109): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Worn Lagoon color palette (#E3ECE4, #B89C63, #5C4100, #271900, #000801)
• Wandering Harbor color palette (#F8ECE5, #DDA971, #9D4526, #522819, #20120A)
• Dusty Boulevard color palette (#F9EEF3, #CB9264, #726600, #7F4400, #000904)
• Velvet Bronze color palette (#F2E1EA, #A06C25, #471B00, #120400, #040002)
• Aged Courtyard color palette (#FEF0FB, #D9D392, #99463E, #4A110D, #0A0108)
• Softworn Grove color palette (#E6DFD1, #B79F5A, #726900, #393C00, #151F00)
• Hushed Chestnut color palette (#ECF4EE, #ACCDB3, #705F36, #1C3825, #0A170E)
• Sunlit Coast color palette (#F5EFFD, #9A4776, #005E76, #122888, #0A051E)

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