Muted Cocoa color palette — #FFEDED · #9D6A8C · #632808 · #372223 · #1B1414

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

The five colors

• Cream (#FFEDED): a clean, paper-quiet neutral.
• Mocha (#9D6A8C): A full-bodied, dusty pink — the color of peonies in June.
• Rust (#632808): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#372223): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#1B1414): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Muted Cocoa 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

• Timeworn Market color palette (#F1EAF9, #AD6993, #453449, #211C26, #0D0B11)
• Dusty Balcony color palette (#FEEDED, #CE7CAF, #6D5049, #443333, #271F21)
• Mallow Veranda color palette (#F5EEFF, #F390D3, #887484, #57525E, #212126)
• Weathered Bronze Balcony color palette (#F1E1D6, #9F5E3C, #35322B, #2D1A0B, #140C05)
• Shadow Garden color palette (#FAE4E1, #BE005E, #451E05, #2C0C08, #120503)
• Cocoa Pier color palette (#F8E0CC, #48564F, #582C00, #19221B, #0A0800)
• Hushed Petrol Lantern color palette (#FFF2EC, #C58578, #349A9D, #217B9D, #48413D)
• Garnet Basin color palette (#F7D7D4, #584700, #570035, #28180D, #0D0100)

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