Cocoa Pier color palette — #F6EFDF · #613E00 · #232500 · #000C18 · #020100

Bronze takes the lead with Onyx close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F6EFDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#613E00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#232500): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000C18): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#020100): quiet, heavy and certain.

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

• Nocturne Cabin color palette (#DCF5E1, #3F4D00, #002B19, #0E002A, #000200)
• Shadow Spruce color palette (#DEF3E5, #413E48, #332900, #0A1518, #020200)
• Patina Chestnut Parlor color palette (#EDE2CE, #7D5E00, #414000, #002620, #050300)
• Obsidian Garnet color palette (#EBE0CC, #880012, #351C00, #000E0E, #040000)
• Velvet Chestnut color palette (#EADDCC, #994A00, #243900, #070035, #020100)
• Twilit Fern Veranda color palette (#D3F0E5, #2A6808, #00331B, #260B00, #000200)
• Onyx Lantern color palette (#EDE3CD, #606C00, #004829, #200059, #020700)
• Softworn Navy Delta color palette (#DDF8E2, #8E7700, #2B5A00, #0B236A, #0F0F00)

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