Cocoa Workshop color palette — #FFF2ED · #CCA683 · #754038 · #4A1F19 · #241B0E

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Camel (#CCA683): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#754038): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#4A1F19): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#241B0E): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Basalt Corridor color palette (#FDF3EB, #D4BC9D, #78563A, #542E00, #292618)
• Hushed Market color palette (#FFF3E3, #C59A44, #604200, #352200, #151400)
• Hushed Sand color palette (#FCF2F9, #FFCA90, #C28273, #725A6C, #291E26)
• Muted Summit color palette (#FBF2FB, #CCC883, #AD4F59, #523754, #291D29)
• Dusty Villa color palette (#FDF4E3, #B19355, #716D27, #005B4D, #403D36)
• Bronze Atelier color palette (#FFECD4, #C7A66D, #8B711D, #5B5200, #1B451C)
• Bronze Lagoon color palette (#F9F4EF, #DBDAD3, #C0C1AE, #A16429, #4F463D)
• Lowlit Bronze color palette (#F5DCCE, #995C00, #380B00, #0D1408, #0D0100)

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