Cocoa Workshop color palette — #EDD9D9 · #9E6C62 · #703C1C · #2E3200 · #002216

Bronze and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#EDD9D9): A whisper-light, dusty red — the color of a theater curtain.
• Mocha (#9E6C62): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#703C1C): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#2E3200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#002216): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Hushed Blush Dune color palette (#F9DCEA, #D07990, #AE5B56, #675016, #1D1B00)
• Antique Ridge color palette (#EDDED7, #815D3B, #4C3700, #002B0A, #00150D)
• Garnet Parlor color palette (#EAE3FF, #925D86, #752121, #002725, #000809)
• Patina Garnet Pier color palette (#EADBF4, #895F85, #742C54, #451C00, #1C1900)
• Driftwood Dune color palette (#E4E4F9, #AA68A0, #8D4742, #00443F, #00262B)
• Patina Fern color palette (#FFE3E1, #CB8D7B, #925F35, #465400, #004535)
• Antique Archive color palette (#C6E7D4, #629180, #426037, #004344, #0E273D)
• Mulberry Study color palette (#EADDEB, #AB1A41, #4F4F00, #59001B, #111100)

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