Cocoa Atelier color palette — #FCF3EF · #E0E1CD · #A97771 · #6E3214 · #261711

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#E0E1CD): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#A97771): A luminous, dusty orange — the color of toasted spice.
• Rust (#6E3214): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#261711): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Dusty Parlor color palette (#F9F5EB, #DDE6B7, #88752F, #433709, #140E04)
• Tempered Marigold Ridge color palette (#F6EDDF, #C49B3F, #4E3700, #1D2723, #0C0600)
• Ancient Taupe color palette (#FEF2EE, #E5E0B5, #CB8A8D, #886358, #342825)
• Softworn Garden color palette (#F5EFF7, #BFCB89, #864F59, #392C3B, #181119)
• Linen Canyon color palette (#FFF2E9, #FBD37B, #A54F11, #4D1F00, #100500)
• Ancient Cocoa color palette (#FFF3E8, #D8B66F, #784100, #281200, #020100)
• Weathered Petrol Loft color palette (#FCF4E7, #FAD6AC, #A4A670, #3779A4, #553900)
• Petrol Market color palette (#FEF3EC, #E0AC95, #50ABA2, #4364A6, #392424)

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