Cocoa Workshop color palette — #FBF3F0 · #BEF1DA · #B4706D · #6F3218 · #231915

A conversation between Rust and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Mint (#BEF1DA): A whisper-light, dusty teal — the color of glacier melt.
• Mocha (#B4706D): A luminous, balanced orange — the color of autumn markets.
• Rust (#6F3218): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#231915): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Bronze Cabin color palette (#F9F5EA, #FFE1AC, #86762A, #3B3831, #130F05)
• Aged Pewter color palette (#F7EFF7, #A0CFC0, #845152, #3C293C, #1A101A)
• Tempered Sunflower color palette (#FFF2EA, #F7D750, #AA4A00, #4E1E00, #100400)
• Worn Boulevard color palette (#FCF2F8, #FFD6A8, #C88E7B, #7C6574, #31282E)
• Marigold Courtyard color palette (#F8EDDB, #CB9900, #4D3800, #1D2723, #0C0600)
• Patina Corridor color palette (#FAF3F0, #E3D9D1, #A7B866, #CD8474, #211F13)
• Dusty Teal color palette (#FEF2EF, #F6ACB2, #5BC4AE, #6F7FB6, #3C2E2A)
• Washed Mustard Atelier color palette (#FFF3E8, #D9B847, #784100, #281200, #020100)

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