Cocoa Workshop color palette — #FFF1E7 · #D9BBA5 · #A19B7C · #966580 · #7A4316
Built around Bronze, softened by Mocha — the whole palette hums with optimism and warmth.
The five colors
- Cream (#FFF1E7): A whisper-light, dusty gold — the color of old brass.
- Sand (#D9BBA5): A luminous, dusty gold — the color of old brass.
- Taupe (#A19B7C): A luminous, dusty green — the color of fresh herbs.
- Mocha (#966580): A full-bodied, dusty rose — the color of pressed rose petals.
- Bronze (#7A4316): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, 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
- Worn Chestnut Orchard color palette (#FFF4DF, #DCD3C3, #A8B098, #9D7368, #724700)
- Antique Chestnut Balcony color palette (#ECECC9, #C0C09A, #7B9C7E, #8F5A3C, #484C1A)
- Softworn Oat color palette (#FFF6D1, #BCDFB1, #AEC5A2, #AC8F9E, #614449)
- Aged Garden color palette (#F8D7C3, #B8B782, #2D9D85, #904637, #761D0D)
- Ancient Chestnut Field color palette (#E7E2C2, #B3AF85, #488A87, #7E4528, #373700)
- Worn Parlor color palette (#E4FCF0, #9FBD98, #5D9285, #5A6385, #534F63)
- Softworn Petrol color palette (#DCE5CC, #569F96, #49699D, #584500, #2E2300)
- Washed Driftwood color palette (#FDDDCC, #8B8D44, #007569, #682935, #3F0013)
Browse the whole catalog at Explore, or see today's palette.