Cocoa Workshop color palette — #FCEFE8 · #CAB07A · #7E4130 · #3E1D09 · #130A05

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

The five colors

• Cream (#FCEFE8): bright and airy, almost weightless.
• Camel (#CAB07A): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#7E4130): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#3E1D09): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#130A05): a grounded near-black with real depth.

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

• Dusty Chestnut color palette (#F9F0E6, #D7BF9A, #795B37, #35302B, #19120A)
• Muted Marigold color palette (#FBF1DE, #C8A24E, #5D4A00, #291F00, #0D0700)
• Cocoa Orchard color palette (#FDF1FB, #ABB485, #783E38, #4A1F1C, #281E27)
• Tempered Villa color palette (#F8F0EA, #DBA688, #5F813D, #935126, #100F00)
• Dusty Corridor color palette (#FFF0D8, #BB9556, #657325, #174975, #2D2105)
• Weathered Veranda color palette (#FFF2ED, #E2EDB1, #A4615C, #5F2306, #1A0B06)
• Dusty Bronze color palette (#FFE6D0, #D1AD6C, #8A7F24, #435400, #022B04)
• Wandering Bronze color palette (#E7E5CD, #987200, #222F00, #151D21, #050900)

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