Cocoa Pier color palette — #ECE0D2 · #603C00 · #26291F · #110D00 · #030100

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

The five colors

• Parchment (#ECE0D2): A whisper-light, dusty gold — the color of old brass.
• Bronze (#603C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#26291F): a grounded near-black with real depth.
• Ink (#110D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Muted Studio color palette (#FCE9D1, #856400, #554A00, #2A2E00, #070E00)
• Charred Onyx color palette (#F9EBDC, #4A5C5E, #432600, #191D15, #040500)
• Garnet Drift color palette (#F9D8CB, #860015, #1A1D15, #1B0700, #050100)
• Nocturne Grove color palette (#E4E6CA, #256300, #344044, #001F12, #030300)
• Hushed Fern color palette (#EFE8DB, #727C2F, #295100, #4C1715, #050700)
• Washed Pine Field color palette (#DDE4C6, #00903C, #004335, #191D00, #090800)
• Aged Coast color palette (#E7E6CF, #799D3D, #485407, #2F2E27, #1B1811)
• Timeworn Grape color palette (#EEE3C1, #716C00, #6034B9, #3D3A00, #08001D)

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