Cocoa Pier color palette — #F5E6DB · #976537 · #6A3200 · #3F1300 · #0A0400

A conversation between Bronze and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Parchment (#F5E6DB): A whisper-light, dusty gold — the color of old brass.
• Walnut (#976537): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6A3200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#3F1300): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#0A0400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Bronze Terrace color palette (#F0E0C1, #827200, #534100, #2F1F00, #060600)
• Chalky Bronze Delta color palette (#F6D9C9, #A16800, #6F3100, #4B0F10, #001C0C)
• Dusty Chestnut color palette (#EDDDCF, #B89063, #8D5620, #612E08, #231502)
• Muted Raspberry color palette (#EEDAE1, #C63E6B, #8A002B, #460004, #120100)
• Shadow Archive color palette (#F3D8CC, #9A1100, #444800, #00310B, #080000)
• Timeworn Chestnut color palette (#F6F1E6, #C5BB9E, #8E8351, #735100, #302C1C)
• Eclipse Rust Balcony color palette (#FDEAEE, #C24E38, #430056, #110018, #040001)
• Worn Raspberry color palette (#F6E4E6, #B147A7, #7F003A, #5E0057, #040000)

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