Muted Cocoa Market color palette — #F9DAEC · #CBA9B7 · #9E7FA6 · #875554 · #70390C

A conversation between Bronze and Heather, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F9DAEC): A whisper-light, dusty pink — the color of a candy shop window.
• Rosewood Mist (#CBA9B7): A luminous, dusty rose — the color of a warm blush.
• Heather (#9E7FA6): A luminous, dusty pink — the color of peonies in June.
• Coffee (#875554): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#70390C): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Muted Cocoa Market 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 Ash Balcony color palette (#CAEAE0, #A6BCE7, #8C8EBD, #885F75, #5E3932)
• Antique Chestnut color palette (#FFE6F1, #E9ADB7, #BF7C74, #826F3F, #5E4B00)
• Peony Station color palette (#EBD8F5, #D38ECC, #C26591, #924A00, #4E3301)
• Ancient Bloom color palette (#FFDCEF, #A68BC9, #8D4D94, #653734, #441700)
• Patina Chestnut color palette (#B0E9FC, #A1ACD9, #8B656F, #675300, #4F4000)
• Timeworn Bronze color palette (#F3DFE5, #DF959A, #B26659, #5A564F, #363A11)
• Garnet Grove color palette (#F3D8EA, #A3687C, #87343F, #412B00, #181400)
• Ash Field color palette (#DAEDFF, #B2C3EB, #B49EC5, #A17A89, #29513E)

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