Muted Cocoa color palette — #FEEFE5 · #DDD8C5 · #ACABB5 · #AE8775 · #5D3200

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

The five colors

• Cream (#FEEFE5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bone (#DDD8C5): A whisper-light, dusty green — the color of fresh herbs.
• Ash (#ACABB5): a calm mid-gray that lets other colors speak.
• Caramel (#AE8775): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#5D3200): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged pastel, light, 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

• Stone Garden color palette (#F9F1E0, #D6E3C2, #B6CCA9, #A28D6D, #3F3C36)
• Cocoa Ridge color palette (#FFF2EB, #DFDBCD, #9AC3BE, #CCA59F, #753F10)
• Aged Courtyard color palette (#F6F1E6, #C3BB9F, #9A7F39, #725200, #302C1A)
• Worn Moss Chapel color palette (#F5F0E0, #AAB37C, #769F4D, #634B00, #0D0E00)
• Driftwood Delta color palette (#FDF1FA, #E6D7D5, #A9DBDF, #A96F86, #5D4753)
• Wandering Chestnut color palette (#E9DCD4, #A37F54, #7E5E00, #4D1A00, #040100)
• Hushed Amber Harbor color palette (#FBF0E2, #B48E4A, #628E77, #7B4F5D, #2B2113)
• Washed Station color palette (#ECE9C7, #7EB06B, #328656, #434200, #020600)

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