Muted Cocoa color palette — #FFF0FB · #FECED0 · #DDBAC7 · #B39A95 · #7F4124

Bronze takes the lead with Shell Pink close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Shell Pink (#FECED0): A whisper-light, dusty red — the color of a theater curtain.
• Oat (#DDBAC7): A whisper-light, dusty rose — the color of a warm blush.
• Taupe (#B39A95): A luminous, dusty orange — the color of autumn markets.
• Bronze (#7F4124): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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 Thicket color palette (#DAFFEF, #EAC7DD, #B8A0A4, #927C34, #624E00)
• Dusty Cocoa color palette (#FFF1F6, #DBCBFF, #F4B6A4, #AF9DD5, #753B16)
• Mallow Archive color palette (#E2E2FF, #D9B5FF, #C19FC4, #B67256, #673A22)
• Wandering Summit color palette (#EEF6FF, #DCD9E3, #C8BACD, #978389, #3E584C)
• Washed Bronze Veranda color palette (#E6F8E2, #C2D1C5, #A08C9D, #776C20, #384834)
• Wandering Villa color palette (#F8EAF1, #C67892, #A86868, #6D5529, #1F1A00)
• Weathered Powder Pier color palette (#F4F6EE, #BCE3F7, #A0CDF0, #86AD97, #5C4D5E)
• Wandering Mallow color palette (#FFF1F5, #F1D9FF, #CAA7E0, #977CA8, #4F2D39)

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