Cocoa Atelier color palette — #E4DED0 · #7A2700 · #301F00 · #000D11 · #030100

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

The five colors

• Bone (#E4DED0): a clean, paper-quiet neutral.
• Rust (#7A2700): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#301F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000D11): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030100): a grounded near-black with real depth.

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

• Twilit Cocoa Coast color palette (#D0EAD5, #584300, #192800, #000921, #010100)
• Patina Canyon color palette (#F4EADB, #984B00, #533700, #002809, #070200)
• Cellar Market color palette (#E8E5D2, #B90042, #3F2F00, #000D1F, #030000)
• Lowlit Drift color palette (#F0E3C9, #81004F, #470500, #000F07, #040001)
• Velvet Onyx Hollow color palette (#F2D8E2, #42483F, #402000, #1D1007, #030200)
• Worn Scarlet color palette (#FEDCEC, #E10027, #924500, #443A00, #020100)
• Fern Market color palette (#DFF0E2, #605A00, #232F00, #2E0008, #000201)
• Muted Bronze Courtyard color palette (#FAEDD1, #AE6300, #564D00, #003145, #001402)

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