Cocoa Workshop color palette — #FEF2ED · #D2BE93 · #874B3D · #5D2600 · #29241A

Espresso and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FEF2ED): a clean, paper-quiet neutral.
• Sand (#D2BE93): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#874B3D): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#5D2600): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#29241A): quiet, heavy and certain.

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

• Softworn Olive Lantern color palette (#FAF4EF, #E2B59E, #818327, #9A5A38, #302E27)
• Patina Grove color palette (#F8F5EC, #C4AB78, #5D5200, #352E00, #1B1E0E)
• Worn Sand Corridor color palette (#FAF2FA, #D0D896, #A36C6F, #574757, #302830)
• Muted Ash color palette (#FCF2F8, #FBD1DE, #B592A8, #7C6574, #33272F)
• Amber Harbor color palette (#EADBCD, #B08400, #4E2D00, #231100, #070500)
• Cellar Orchard color palette (#F9EAE0, #785900, #1B2926, #270A00, #070100)
• Muted Olive Dune color palette (#FCF4E8, #C3A172, #747E34, #335D81, #5D4300)
• Aged Studio color palette (#FBF4ED, #AB7351, #007478, #454E7D, #44302D)

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