Cocoa Workshop color palette — #D8F7F9 · #7B9FBC · #506586 · #723734 · #562900

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

The five colors

• Frost (#D8F7F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#7B9FBC): A luminous, dusty blue — the color of open sky before noon.
• Slate (#506586): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Rust (#723734): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#562900): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Wandering Ash Courtyard color palette (#D2E2EC, #788EBD, #6B5E89, #603D4F, #403300)
• Washed Cocoa color palette (#CEEFFF, #83AACA, #6B7896, #634B5D, #60421C)
• Hushed Petrol Alley color palette (#E2F3E6, #6FA8A2, #3F7689, #514565, #492E4A)
• Petrol Bloom color palette (#D3E6CA, #609C95, #3D668C, #413D00, #002A1B)
• Gentle Archive color palette (#E6F0FF, #9792E2, #825686, #694A00, #3B4400)
• Iris Harbor color palette (#DAF0DD, #81C1E6, #8296D1, #915E58, #3C3631)
• Aubergine Veranda color palette (#E3F0FF, #666FA7, #5D3C70, #402600, #121F04)
• Ash Veranda color palette (#F0F5FF, #BCBFD2, #9E93AF, #65776A, #3E5950)

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