Cocoa Workshop color palette — #EBDDD4 · #833700 · #004751 · #391400 · #00070A

Rust and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#EBDDD4): bright and airy, almost weightless.
• Rust (#833700): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#004751): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#391400): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#00070A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Mulberry Boulevard color palette (#F8D6D8, #990032, #004751, #430011, #00070A)
• Eclipse Hollow color palette (#E9DDCD, #775A00, #243031, #1D1200, #040200)
• Charred Garnet Atelier color palette (#FFE4DC, #721C00, #003854, #141D3A, #060000)
• Inked Nightshade Alley color palette (#ECDDC3, #674C00, #2016AE, #2B1E00, #020023)
• Worn Rust Hollow color palette (#FADDCA, #AE4200, #1E6A00, #602100, #010800)
• Twilit Aubergine Grove color palette (#F6D7EE, #8F1400, #490092, #3F0400, #020007)
• Quiet Bronze color palette (#F3D9C0, #B66900, #0071A9, #6B3C00, #002C46)
• Ancient Thicket color palette (#EBE2D6, #936200, #3E43C4, #4F3300, #0F0E4B)

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