Cocoa Workshop color palette — #F9F1E4 · #7DB4CC · #6677A2 · #794030 · #19322A

A conversation between Bronze and Slate, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9F1E4): bright and airy, almost weightless.
• Cyan (#7DB4CC): A luminous, dusty blue — the color of open sky before noon.
• Slate (#6677A2): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#794030): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#19322A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Mulberry Veranda color palette (#F9F1E3, #75BBAC, #428295, #773A5A, #1F311F)
• Muted Cocoa Summit color palette (#EBF5F0, #73A3BF, #896287, #703E00, #003019)
• Tempered Cobalt color palette (#EAFAED, #6EB6B5, #6474AB, #6B562C, #394A54)
• Muted Pewter color palette (#FCF0DE, #9E93CB, #8B5582, #4F4800, #331923)
• Wandering Corridor color palette (#ECF9EF, #7BCAEB, #7490D5, #926052, #384A59)
• Tempered Cerulean color palette (#E3F1ED, #5B87B1, #463641, #0E231E, #080E0B)
• Antique Bronze color palette (#FBF4E7, #A4EDE3, #8AA3CD, #857125, #2D4636)
• Aubergine Market color palette (#F8E7CC, #7386C9, #70458C, #4B3400, #161232)

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