Cocoa Atelier color palette — #FFE9DA · #A2714C · #843900 · #581700 · #150800

Built around Rust, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Cream (#FFE9DA): A whisper-light, dusty gold — the color of old brass.
• Mocha (#A2714C): A full-bodied, balanced gold — the color of old brass.
• Rust (#843900): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#581700): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#150800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

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

• Pale Chestnut Corridor color palette (#F7DBC3, #B67F46, #924B00, #662800, #221200)
• Aged Study color palette (#F0E1CA, #917C26, #684E00, #432B00, #0E0C00)
• Worn Boulevard color palette (#FADFD0, #C56B00, #7B3700, #3E1000, #020100)
• Chalky Villa color palette (#F7D7BB, #CA9A65, #AF6100, #833B00, #392400)
• Worn Orchard color palette (#E7F4E1, #007161, #794300, #3E3600, #000604)
• Patina Terrace color palette (#F5EEDA, #9FA370, #7E7400, #5D4B00, #202800)
• Feathered Parlor color palette (#F8EDD9, #C0B677, #A08314, #7C5A00, #383808)
• Emerald Balcony color palette (#D4E3DB, #46984B, #003E51, #00121A, #000201)

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