Cocoa Workshop color palette — #FAEBDC · #653A00 · #00333D · #001B22 · #040001

A conversation between Bronze and Deep Forest, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FAEBDC): A whisper-light, dusty gold — the color of old brass.
• Bronze (#653A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#00333D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001B22): A deep, shadowed, dusty blue — the color of deep harbor water.
• 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 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

• Charred Study color palette (#F5DFC9, #744100, #00316A, #001A3D, #040001)
• Inked Quarry color palette (#E5DDCD, #534200, #18201A, #021300, #020100)
• Deep Boulevard color palette (#F4E0D8, #97030E, #003C38, #002421, #010009)
• Timeworn Bronze color palette (#FEE9E8, #A76000, #524600, #172700, #000805)
• Obsidian Navy color palette (#F2E5DA, #542F00, #170071, #07003C, #020006)
• Garnet Studio color palette (#FCDED9, #7A003C, #002F4E, #19004C, #120010)
• Patina Harbor color palette (#F6EBDE, #9F4700, #304300, #19045C, #090400)
• Frosted Forest Pier color palette (#CEE9DA, #6B6400, #0C5C0D, #003164, #160001)

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