Muted Cocoa color palette — #C7E2FF · #CBA2BC · #9F737C · #6E4600 · #353300

Bronze takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Powder Blue (#C7E2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#CBA2BC): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#9F737C): A luminous, dusty red — the color of embers at dusk.
• Bronze (#6E4600): A full-bodied, balanced gold — the color of old brass.
• Espresso (#353300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Aged Chestnut Chapel color palette (#FFECF4, #CDA7AE, #A18079, #665600, #364100)
• Softworn Driftwood color palette (#CAEBFF, #96ABD4, #846CA5, #764924, #3D2D00)
• Patina Atelier color palette (#DAECFF, #BDBBE7, #B083C0, #8F6530, #484900)
• Dusty Balcony color palette (#F7E1F5, #8E86B6, #865A61, #5A3B00, #241F00)
• Hushed Forest Ridge color palette (#F8EAFC, #C186A4, #995750, #1D4E05, #002A21)
• Tempered Abyss Hollow color palette (#D8FFF5, #C5E8FF, #A997C3, #447956, #0A4F2A)
• Weathered Driftwood Quarry color palette (#E8E6FF, #9271A5, #6B3B4F, #383300, #011902)
• Antique Corridor color palette (#B2FFF5, #80AAB8, #7679AA, #49662D, #00534C)

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