Cocoa Workshop color palette — #FCECE3 · #774222 · #4A1700 · #230200 · #030100

A conversation between Bronze and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#FCECE3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#774222): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#4A1700): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#230200): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.

Use it as a design system

One click turns Cocoa Workshop 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 Field color palette (#F7E9CF, #5F5200, #352800, #160C00, #010100)
• Wandering Cocoa Courtyard color palette (#F8E1EF, #926146, #762800, #490600, #080200)
• Midnight Terracotta color palette (#ECDBD2, #992E00, #353003, #3B0C00, #020100)
• Chestnut Bloom color palette (#F0DAC5, #A67E49, #7A4700, #4E2400, #160C00)
• Deep Mulberry color palette (#E4D8F8, #845100, #9A003A, #140603, #040000)
• Inked Garnet color palette (#FEDDD6, #690027, #342800, #14003C, #040001)
• Powdered Bronze Parlor color palette (#FFE3CD, #C99364, #9F541B, #6D2E10, #2A1700)
• Pewter Canyon color palette (#FAF1DE, #B7AB88, #7F7549, #5B4A20, #28230A)

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