Cocoa Workshop color palette — #FFF2EC · #D2BDB3 · #A19379 · #8B6271 · #7C3D24
Built around Bronze, softened by Pewter — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Stone (#D2BDB3): A luminous, dusty orange — the color of toasted spice.
- Caramel (#A19379): A luminous, dusty gold — the color of afternoon light on wheat.
- Pewter (#8B6271): A full-bodied, dusty rose — the color of strawberry cream.
- Bronze (#7C3D24): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Ancient Pewter color palette (#FFF4E1, #BEAE8E, #768868, #875753, #5B4923)
- Ancient Quarry color palette (#FFF3E3, #DFD7BB, #A9B08D, #8C758A, #58474F)
- Mulberry Delta color palette (#FFE2C9, #D8A882, #848446, #7C3873, #722E25)
- Pewter Coast color palette (#E5F8E9, #BBD4C8, #769794, #55647B, #434554)
- Timeworn Lagoon color palette (#FFF3E4, #CCBE8A, #799251, #2B733C, #4E514A)
- Worn Cypress color palette (#F9F4EF, #CCE4E8, #8E97BF, #197D81, #694754)
- Muted Olive Thicket color palette (#F7F6E9, #A7B883, #AF89B7, #677D1F, #684049)
- Garnet Station color palette (#F0E8DB, #937D50, #406340, #691030, #361F00)
Browse the whole catalog at Explore, or see today's palette.