Cocoa Workshop color palette — #F2EAE6 · #C1B7AC · #978D77 · #762600 · #291C14

Rust and Gray set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F2EAE6): bright and airy, almost weightless.
• Stone (#C1B7AC): soft and architectural.
• Gray (#978D77): A luminous, dusty gold — the color of afternoon light on wheat.
• Rust (#762600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#291C14): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Garnet Summit color palette (#F5E7E6, #C6B5AF, #A18977, #79114C, #2E1817)
• Cocoa Delta color palette (#F5EDF1, #C0ADB5, #A3838D, #6F2D00, #14050E)
• Washed Terrace color palette (#F1E7DE, #B2A896, #8C8037, #532D00, #1E1003)
• Washed Market color palette (#EDE2DA, #CEC2B6, #BC9F7E, #97450B, #2B1B10)
• Hushed Basin color palette (#F0EFE5, #CBCEC2, #99A592, #505C00, #312E1E)
• Weathered Garnet color palette (#EFE4CD, #71824C, #005420, #560634, #161E00)
• Muted Bronze Loft color palette (#FAF4F0, #DCDCD2, #BCC3B1, #9E6440, #4E4640)
• Hazy Navy color palette (#F0E2CD, #A6412F, #4C3A00, #160072, #270E00)

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