Cocoa Atelier color palette — #F7D8EC · #936234 · #772600 · #4A0014 · #060300

Rust and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F7D8EC): A whisper-light, dusty pink — the color of peonies in June.
• Walnut (#936234): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#772600): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#4A0014): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Cocoa Atelier 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

• Deep Bronze color palette (#F9DBCA, #A75D00, #6A1E00, #2B0009, #020100)
• Dusty Hollow color palette (#DBF0D9, #7F6E31, #603C00, #3F1500, #030400)
• Chestnut Ridge color palette (#E3F3E6, #93904C, #7B5B00, #5D3000, #0F1A00)
• Antique Harbor color palette (#EBDFFF, #A04B95, #8A0046, #480103, #0B0200)
• Weathered Mulberry color palette (#E7DFF7, #8D007C, #623B00, #003313, #050004)
• Hazy Cocoa Station color palette (#FFE0EC, #B49B69, #9E6224, #822D15, #002C1C)
• Gentle Coast color palette (#EAECFD, #815EBA, #850016, #490085, #070000)
• Lowlit Aubergine color palette (#DBE0F0, #62802B, #310075, #250F21, #07001D)

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