Cocoa Atelier color palette — #FFF2EB · #F2BEAA · #AE735E · #72412E · #572800

A conversation between Espresso and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#F2BEAA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mocha (#AE735E): A luminous, balanced orange — the color of sun-warmed clay.
• Bronze (#72412E): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#572800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, 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

• Aged Cocoa color palette (#FFEBF8, #EBC3DA, #B47560, #793614, #330E00)
• Driftwood Workshop color palette (#FFF2F0, #EEBAD3, #AA7387, #713E50, #4F2635)
• Driftwood Parlor color palette (#FFF4DF, #E3CC9A, #907F49, #5E4E1A, #3F3B35)
• Tempered Chestnut color palette (#FFF2EB, #F5CEB5, #CE8A71, #99543D, #4F2A1B)
• Washed Chestnut color palette (#FFF2EC, #DFDCCD, #B9CDAB, #A68085, #7C4418)
• Muted Summit color palette (#FFDEB3, #BE7D26, #744800, #392600, #1F1000)
• Driftwood Lagoon color palette (#FFF3E7, #B3865B, #6E7DA9, #4D5D8B, #593300)
• Bronze Lantern color palette (#FBF4EE, #E0B796, #3C8B8F, #975E2A, #253127)

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