Cocoa Workshop color palette — #F9EEF6 · #CCAF73 · #843D31 · #391B33 · #120910

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

The five colors

• Blush (#F9EEF6): bright and airy, almost weightless.
• Camel (#CCAF73): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#843D31): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Indigo (#391B33): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#120910): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Washed Stone color palette (#FFF2EE, #ACB66E, #743F46, #41261F, #211912)
• Softworn Corridor color palette (#FFF2EC, #E1C07A, #9B5F54, #48413D, #2C1E18)
• Marigold Cabin color palette (#E6F7EA, #D29E00, #614800, #2B1E00, #000B02)
• Airy Olive color palette (#F8EFF4, #E1A287, #628202, #994B24, #00120D)
• Hushed Amber color palette (#F4E3EB, #BB8C00, #622D00, #270E00, #090004)
• Inked Chestnut Station color palette (#D5E6D5, #705300, #3B2C30, #1E1100, #020100)
• Aged Rust color palette (#FBF2FB, #DFEEB1, #A75E62, #472E47, #140D14)
• Tempered Bronze Canyon color palette (#F7EFF2, #CAD6D9, #AABFBE, #926C46, #312A2C)

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