Cocoa Pier color palette — #FEF3E5 · #CB989A · #877640 · #4B5686 · #6D3706

A conversation between Bronze and Peacock, giving this palette its sense of nature and growth.

The five colors

• Cream (#FEF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#CB989A): A luminous, dusty red — the color of a theater curtain.
• Walnut (#877640): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#4B5686): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#6D3706): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, 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 Mulberry color palette (#FFF2EC, #C2A081, #648158, #764377, #5E4200)
• Denim Studio color palette (#FAF5E6, #B89BC3, #A06559, #166088, #5A4040)
• Wandering Denim color palette (#FDF2F2, #BC83A6, #607A43, #554884, #59354C)
• Weathered Meadow color palette (#E7F7EA, #D99B75, #8E761E, #135B70, #39262C)
• Wandering Cocoa color palette (#FFF1F1, #D0B9B1, #9C8F77, #846772, #793F19)
• Dusty Workshop color palette (#FEF4E3, #EBAF89, #A6914B, #437789, #4C4741)
• Shell Parlor color palette (#EAFAEF, #FFBEB2, #B3B17E, #758EAE, #56414A)
• Linen Alley color palette (#FFF3E8, #D46848, #616600, #5700A5, #4E2C00)

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