Cocoa Workshop color palette — #F7F3FF · #F7D3FF · #C08BB2 · #99644F · #683B00

A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Thistle (#F7D3FF): A whisper-light, dusty pink — the color of neon signs at night.
• Dusty Rose (#C08BB2): A luminous, balanced pink — the color of peonies in June.
• Walnut (#99644F): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#683B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, 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

• Timeworn Canyon color palette (#F1F5FF, #D4D6FF, #AA97CE, #8E5F69, #5F2C2C)
• Taupe Delta color palette (#FFF0F7, #FFD0D8, #CF8A85, #7E6A40, #554300)
• Ancient Fern Bloom color palette (#E0E3FF, #B79CCF, #9B6682, #625200, #1C3200)
• Dusty Balcony color palette (#FDD7E7, #C16F80, #874F49, #423400, #0B0B00)
• Chestnut Market color palette (#FBF1FF, #F1B6E6, #B38A88, #8D5926, #1C4337)
• Tempered Driftwood Coast color palette (#EEEFFF, #D7BFF7, #D39DB9, #98884D, #3F5727)
• Tempered Bronze Veranda color palette (#FFE8E3, #B26B4B, #6C3E00, #162100, #000200)
• Tempered Courtyard color palette (#FFF2ED, #E0D9CE, #CAC1A1, #928F7A, #555603)

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