Cocoa Workshop color palette — #F7EEE9 · #BCB1A6 · #998C70 · #752500 · #160600

Rust takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F7EEE9): bright and airy, almost weightless.
• Stone (#BCB1A6): soft and architectural.
• Caramel (#998C70): A luminous, dusty gold — the color of old brass.
• Rust (#752500): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#160600): 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 Station color palette (#F2E8E7, #BDB0AB, #A5866F, #7C004C, #190404)
• Weathered Bronze color palette (#E9E1DA, #A89F8E, #887D34, #512C00, #090300)
• Dusty Chestnut color palette (#F9F0E6, #DCD3BE, #AFAE83, #7C5100, #271600)
• Aged Terracotta Cabin color palette (#EEE6EB, #D5BCC4, #86B097, #A53603, #261B22)
• Dusty Market color palette (#F8DDDB, #9E7953, #514F18, #262856, #210022)
• Forest Station color palette (#F1E9D9, #708045, #00531D, #4D082F, #060900)
• Soft Blush Lantern color palette (#F8E4CF, #E66E8D, #B66D00, #515900, #060300)
• Powdered Brick color palette (#F5EAD9, #B0301B, #4A3900, #120063, #0D0300)

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