Cocoa Pier color palette — #ECDFD2 · #6C4100 · #00415A · #2E1900 · #000103

Bronze takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#ECDFD2): A whisper-light, dusty gold — the color of old brass.
• Bronze (#6C4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#00415A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#2E1900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Velvet Onyx Canyon color palette (#F2DDC8, #553200, #003453, #1B1441, #020100)
• Twilit Garnet color palette (#FFE4DC, #90002F, #004546, #400010, #000202)
• Velvet Corridor color palette (#EEDCCC, #6B4C00, #412000, #220200, #010100)
• Moonless Petrol Atelier color palette (#E5D9EE, #006888, #6A4C00, #0C0D06, #020100)
• Charred Aubergine color palette (#E7E2D2, #544E00, #530084, #221F00, #020006)
• Nightshade Delta color palette (#F5EBD4, #584C00, #1400B4, #241E00, #00000C)
• Weathered Bronze Terrace color palette (#F0DAE1, #945900, #006086, #512F00, #00070D)
• Aubergine Quarry color palette (#FADEEA, #9F5400, #85009A, #442000, #030004)

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