Cocoa Pier color palette — #FEF3E6 · #B5A586 · #8F6A3C · #764229 · #3F3D36

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

The five colors

• Cream (#FEF3E6): A whisper-light, dusty gold — the color of old brass.
• Camel (#B5A586): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#8F6A3C): A full-bodied, dusty gold — the color of old brass.
• Bronze (#764229): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#3F3D36): quiet, heavy and certain.

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

• Antique Workshop color palette (#EBF5EA, #C1A87B, #966C2F, #653F4E, #13281A)
• Antique Chestnut Studio color palette (#F6E5CF, #A0986A, #835B0B, #69330A, #31312A)
• Weathered Amber color palette (#FFF3E5, #D4BA8C, #B0874F, #895F37, #403D36)
• Muted Onyx Villa color palette (#FFF2EB, #BAAF7A, #744230, #501B03, #2C1E15)
• Aged Studio color palette (#FAF4EF, #D4A288, #248254, #994200, #212615)
• Dusty Fern color palette (#FFF2EC, #C5A76D, #7F7B17, #256000, #004B35)
• Nightshade Hollow color palette (#FFF3E5, #A1793C, #008371, #374A9D, #37322C)
• Worn Boulevard color palette (#F2E3C9, #777A46, #564200, #3D2000, #0B1B00)

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