Muted Cocoa color palette — #FCEFE3 · #BCA983 · #946B44 · #703A32 · #272306

Cocoa and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FCEFE3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#BCA983): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#946B44): A full-bodied, dusty gold — the color of honey in a jar.
• Cocoa (#703A32): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#272306): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Bronze Archive color palette (#F6F1E7, #BFBD9D, #9B7F39, #72502D, #2A2E1F)
• Hazy Garnet color palette (#FAE4D5, #BE995E, #9C562A, #800727, #1F1D00)
• Garnet Canyon color palette (#F6DFCA, #9A8446, #7D4500, #620105, #0D1000)
• Cocoa Archive color palette (#F6EBDA, #727642, #573F00, #3B1600, #010800)
• Worn Petrol color palette (#EBF4F1, #89B9E1, #A95B57, #006AA7, #190A05)
• Tempered Harbor color palette (#FCEDF3, #8D7AB6, #986083, #5A5400, #28111C)
• Softworn Mulberry Workshop color palette (#E3F3FF, #9EAEE7, #8964A8, #7C1559, #490103)
• Washed Station color palette (#F9EEF9, #CDAD8C, #38567F, #08274D, #120912)

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