Cocoa Workshop color palette — #FFF3E9 · #CD9B6F · #956647 · #794115 · #563500

Built around Bronze, softened by Camel — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Camel (#CD9B6F): A luminous, balanced gold — the color of old brass.
• Walnut (#956647): A full-bodied, dusty gold — the color of old brass.
• Bronze (#794115): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#563500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Chestnut Workshop color palette (#FEF4E2, #C4B88A, #907E55, #7D5410, #594500)
• Worn Chestnut color palette (#FCE3CD, #B88E5D, #8C541C, #49433E, #34302A)
• Patina Driftwood Study color palette (#FFF2E9, #E4CDAD, #CFA188, #B57377, #3F3D36)
• Ancient Garden color palette (#FDF4E3, #CAAB5D, #615000, #312E27, #1B1C13)
• Muted Bronze color palette (#F8EBDB, #996D00, #613C00, #3D1F00, #1F1400)
• Tempered Moss color palette (#FAF5E4, #8A8600, #00827D, #79403C, #35332C)
• Washed Lantern color palette (#F7F6EB, #A5BA5D, #308150, #596719, #222617)
• Twilit Fern Lantern color palette (#EBDEC2, #615C00, #342B00, #170F00, #030400)

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