Cocoa Atelier color palette — #F0E5ED · #B89C62 · #742C1B · #390700 · #0B0208

Rust takes the lead with Camel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F0E5ED): bright and airy, almost weightless.
• Camel (#B89C62): A luminous, balanced gold — the color of old brass.
• Rust (#742C1B): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#390700): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#0B0208): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Taupe Meadow color palette (#E2ECE3, #B99C5C, #5B4100, #271A00, #010702)
• Worn Bloom color palette (#EDE6F4, #B99C5E, #702752, #380124, #090210)
• Tempered Chestnut Chapel color palette (#F8EFF3, #99BEA1, #7D4512, #3F1D00, #15080E)
• Tempered Balcony color palette (#F8ECE5, #D3AF62, #9C4530, #55251A, #1E130D)
• Tempered Villa color palette (#F9EEF4, #CE8F6D, #666A00, #883B00, #000905)
• Charred Atelier color palette (#F2E1EA, #947322, #481900, #130300, #040002)
• Terracotta Archive color palette (#FFF0FC, #C9D89C, #954946, #491212, #090108)
• Patina Bronze Corridor color palette (#FDE5EC, #836200, #493F44, #2E1900, #060200)

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