Cocoa Workshop color palette — #EADDD2 · #B2A28F · #948463 · #6C3300 · #100702
A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Bone (#EADDD2): A whisper-light, dusty gold — the color of old brass.
- Taupe (#B2A28F): A luminous, dusty gold — the color of old brass.
- Mocha (#948463): A luminous, dusty gold — the color of old brass.
- Bronze (#6C3300): A deep, shadowed, balanced gold — the color of honey in a jar.
- Ink (#100702): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Patina Summit color palette (#E9E0E4, #C7B5BB, #7E9A81, #5C2E00, #040002)
- Hushed Bronze color palette (#F5EAE2, #A59886, #846F25, #471D00, #110702)
- Dusty Chestnut color palette (#E8DEE3, #97A7A3, #709292, #9B4800, #13040C)
- Ancient Ridge color palette (#E6E4D7, #B4B6A2, #8E9B77, #4C5A00, #171404)
- Misty Garden color palette (#FBE7D1, #F15B09, #A16900, #525C00, #070400)
- Softworn Forest Market color palette (#E7E1CC, #63802C, #05550F, #4B1A0C, #070600)
- Muted Parlor color palette (#E7E0D2, #915100, #463E00, #002332, #060300)
- Quiet Bronze color palette (#F1DDC9, #877B00, #435F24, #062F51, #110C33)
Browse the whole catalog at Explore, or see today's palette.