Charred Cocoa Pier color palette — #FFECDD · #663100 · #361B00 · #001315 · #040001

Built around Bronze, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFECDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#663100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#361B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001315): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Charred 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 Plum color palette (#F6E4F3, #B32E51, #602600, #1F1400, #020300)
• Basalt Harbor color palette (#E5E1D0, #3B3D00, #222400, #00151E, #050000)
• Nocturne Garnet Dune color palette (#F6DDD9, #68002A, #072F01, #001319, #030009)
• Washed Terracotta Hollow color palette (#FAE0F2, #A22000, #4C3700, #002F3C, #060000)
• Chestnut Terrace color palette (#FEEBC6, #705A00, #574500, #003435, #110004)
• Aubergine Atelier color palette (#FAE9EC, #730089, #282D00, #08003E, #020007)
• Midnight Mulberry Corridor color palette (#FBE5FF, #AF0047, #094506, #001A21, #020006)
• Ancient Garnet color palette (#EFDEDA, #AA9D94, #997533, #690024, #0E0100)

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