Cocoa Workshop color palette — #FCEEEC · #A36979 · #5D2E00 · #362320 · #1B1412

Cocoa and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FCEEEC): bright and airy, almost weightless.
• Mocha (#A36979): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#5D2E00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#362320): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#1B1412): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Driftwood Terrace color palette (#F2EAF4, #B4687B, #473543, #231B26, #0E0B10)
• Washed Garden color palette (#FEEEEA, #CD8393, #824526, #453330, #27201F)
• Tempered Blush color palette (#F7EEFA, #FE90AF, #8C7380, #59525B, #222127)
• Ancient Bronze Balcony color palette (#EDE3D8, #9A641B, #34322B, #2A1C0B, #120C05)
• Faded Canyon color palette (#FFE9E0, #BF1C2A, #3D2500, #300708, #130500)
• Shadow Archive color palette (#E9E0D5, #485753, #4C3400, #1A2521, #050A00)
• Terracotta Loft color palette (#F4E0D6, #982402, #39443B, #241800, #150400)
• Chestnut Cabin color palette (#FCEED4, #6F5700, #0A2600, #120C00, #030200)

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