Cocoa Pier color palette — #FFF3E5 · #D3D1BF · #9FA993 · #9F787A · #7A3B23

A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Oat (#D3D1BF): A whisper-light, dusty green — the color of fresh herbs.
• Taupe (#9FA993): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#9F787A): A luminous, dusty red — the color of embers at dusk.
• Bronze (#7A3B23): A full-bodied, balanced orange — the color of autumn markets.

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

• Aged Cabin color palette (#F8F5EE, #D7D2B8, #9BA076, #9A7734, #5A4D00)
• Bone Parlor color palette (#F2F9DB, #D2E6BF, #B0C6AD, #88A8A0, #5A4956)
• Softworn Harbor color palette (#EAE8B5, #98CCA7, #4FA1AC, #A4525D, #643F1C)
• Aged Veranda color palette (#DFEED0, #7BB29A, #3386A1, #89433B, #513413)
• Timeworn Pewter color palette (#DFFCFD, #B2D5DB, #7095A1, #61718B, #544C62)
• Garnet Meadow color palette (#DCE9D0, #6F8C6C, #2D6687, #621E00, #282000)
• Airy Cobalt Courtyard color palette (#DAEFE8, #74BCD4, #707BC1, #7B5600, #354800)
• Hushed Coral color palette (#E9FBEA, #78C0C2, #C591BD, #CF756F, #364837)

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