Cocoa Workshop color palette — #FFE8D8 · #754100 · #402600 · #180D00 · #020100

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

The five colors

• Cream (#FFE8D8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#754100): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#402600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#180D00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

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

• Moonless Fern color palette (#EFEECB, #555800, #2D3500, #0B1400, #010200)
• Twilit Alley color palette (#F1E7D1, #4C3800, #003C1B, #48000C, #020100)
• Softworn Bronze Orchard color palette (#F8E9D0, #A77C00, #695500, #362F00, #1A1800)
• Eclipse Garnet Parlor color palette (#FDD9DF, #8D002C, #5E000D, #2D0100, #040000)
• Worn Quarry color palette (#F2E5C3, #938D4E, #5D7508, #3D2600, #030200)
• Smoked Forest Pier color palette (#DFE8F5, #006B75, #13640A, #010C08, #000201)
• Dusty Ridge color palette (#E6F1E0, #2FA609, #006F2E, #004A25, #002415)
• Olive Harbor color palette (#E5E8CA, #A3B162, #607F25, #3F5F23, #193511)

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