Muted Cocoa color palette — #FEF0FE · #96B2DB · #B69164 · #5273A5 · #6B4300

Bronze takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FEF0FE): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#96B2DB): A luminous, dusty blue — the color of open sky before noon.
• Caramel (#B69164): A luminous, dusty gold — the color of old brass.
• Slate (#5273A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#6B4300): A full-bodied, balanced gold — the color of old brass.

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

• Weathered Petrol color palette (#ECF9F2, #76BBD7, #C08B6C, #297D9B, #524C47)
• Patina Taupe Study color palette (#FEF1F7, #AFA9D9, #989F61, #726AA0, #4F4D46)
• Weathered Cobalt color palette (#F8EEF8, #9CB5DB, #BB955C, #3C70C2, #35302A)
• Dusty Cornflower color palette (#EEF6FF, #A7C7F0, #CDAC6F, #4D8EDD, #38553D)
• Patina Driftwood Veranda color palette (#FFF0FD, #7D97CF, #BB736D, #578358, #4D3C4A)
• Hushed Corridor color palette (#FEF0FC, #E7D6D7, #B2AF9A, #6A9A8A, #5D4D58)
• Hushed Mulberry Quarry color palette (#FFF1F3, #C188C5, #68995D, #874A8D, #42433C)
• Bronze Field color palette (#FFF2EA, #C8B4A1, #AC7046, #894A2D, #633F00)

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