Cocoa Pier color palette — #FBE9DD · #7B4100 · #491800 · #240001 · #020100

Bronze takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Cream (#FBE9DD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#7B4100): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#491800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#240001): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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

• Fern Delta color palette (#ECE3D4, #585500, #342800, #170B00, #010100)
• Hushed Terrace color palette (#F7ECE0, #AC7D10, #7A4800, #522000, #150D00)
• Cocoa Study color palette (#F1D5E5, #9F5B2A, #732C00, #460C00, #070200)
• Aged Olive Studio color palette (#EAE3D6, #7E7400, #554000, #331D00, #050600)
• Moonless Studio color palette (#DAE3D5, #A92700, #5100B2, #170708, #040002)
• Obsidian Onyx color palette (#EDD9E1, #705300, #1C003A, #100303, #020007)
• Charred Grape Thicket color palette (#F3DDE3, #8100B1, #510B00, #300045, #030100)
• Mulberry Bloom color palette (#FFE3FD, #9A0070, #580028, #1D0001, #040000)

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