Cocoa Pier color palette — #EDE8DA · #624400 · #292400 · #00120C · #050300

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

The five colors

• Parchment (#EDE8DA): bright and airy, almost weightless.
• Bronze (#624400): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#292400): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#00120C): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#050300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged retro, dark, 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

• Deep Balcony color palette (#DDEAE0, #5B4E51, #3B2B00, #0C1A1E, #050400)
• Smoked Garnet color palette (#EDE3D7, #861F00, #391A00, #081100, #0A0100)
• Charred Fern color palette (#DFEFE8, #516622, #173300, #221300, #040700)
• Powdered Bronze Study color palette (#D9F4DD, #BB6900, #825D00, #413E00, #070400)
• Frosted Pier color palette (#EEDDC8, #A14200, #443F00, #21005B, #070200)
• Timeworn Abyss Basin color palette (#EEF0DB, #536E34, #004B23, #00252E, #050D1F)
• Bronze Courtyard color palette (#BFEAD0, #897700, #465400, #003C3A, #272500)
• Navy Workshop color palette (#D5EAE9, #5986A4, #003F6A, #00212C, #00091B)

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