Cocoa Atelier color palette — #F8E8DE · #863800 · #273531 · #281200 · #060100

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

The five colors

• Cream (#F8E8DE): A whisper-light, dusty gold — the color of old brass.
• Rust (#863800): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#273531): quiet, heavy and certain.
• Ink (#281200): A deep, shadowed, dusty gold — the color of old brass.
• Black (#060100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Deep Cocoa Boulevard color palette (#FBE8CD, #5B3F00, #242920, #120D00, #030100)
• Worn Cocoa color palette (#F4DAE8, #525E58, #7D3400, #231A0B, #0C0300)
• Patina Bronze Summit color palette (#F1E2D6, #A56600, #764F00, #473200, #160F00)
• Dusty Moss Terrace color palette (#EDE8D2, #818800, #474100, #27220C, #100D05)
• Wandering Chestnut color palette (#FBF0E3, #C19159, #755002, #3C3731, #25211D)
• Ancient Fern color palette (#EAE9D9, #526B00, #2A3539, #0F2C03, #0B0900)
• Patina Bronze Atelier color palette (#E7DED1, #977000, #007769, #594100, #001410)
• Wandering Coast color palette (#DDE0D3, #2B9969, #00624B, #4F3000, #001409)

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