Cocoa Workshop color palette — #FFF3E7 · #B9A47C · #926842 · #7A401B · #3F3D36
Bronze and Walnut set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Camel (#B9A47C): A luminous, dusty gold — the color of old brass.
- Walnut (#926842): A full-bodied, dusty gold — the color of honey in a jar.
- Bronze (#7A401B): A full-bodied, balanced gold — the color of honey in a jar.
- Charcoal (#3F3D36): quiet, heavy and certain.
Feels like: Optimism, Sophistication, 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
- Antique Chestnut Parlor color palette (#F5E5D3, #A79661, #7F5C31, #613825, #32302A)
- Chestnut Balcony color palette (#FFF3E7, #CFBAA1, #B38557, #93582D, #413C36)
- Weathered Cocoa Drift color palette (#FFECF2, #9AB399, #926C45, #713D10, #112916)
- Aged Summit color palette (#EFF9E5, #2F9574, #A45754, #76442B, #31342E)
- Weathered Bronze color palette (#F8E2C4, #837813, #5B4000, #411D00, #111A00)
- Abyss Lagoon color palette (#EFF8ED, #D3A286, #005E59, #1F341C, #0A1F19)
- Misty Clover Canyon color palette (#FAEDE0, #FDBCFE, #63B93A, #344831, #2E2F20)
- Wandering Pewter Balcony color palette (#F0F8ED, #6CC1B1, #7461A5, #006F62, #301D27)
Browse the whole catalog at Explore, or see today's palette.