Muted Cocoa color palette — #FFF2EC · #ECDCC4 · #C2C7B1 · #B89A96 · #644946

A conversation between Charcoal Brown and Bone, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#ECDCC4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#C2C7B1): A luminous, dusty green — the color of new leaves after rain.
• Taupe (#B89A96): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#644946): A full-bodied, dusty orange — the color of autumn markets.

Feels like: 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

• Cocoa Ridge color palette (#FFF4DC, #D2D5B7, #A0C6AE, #AB8F72, #6D4200)
• Timeworn Driftwood color palette (#E8FBEF, #C4DED6, #94B2B3, #73809E, #504F62)
• Worn Meadow color palette (#EEFAE6, #90D8C3, #D0AEE5, #D589B7, #3A472F)
• Wandering Pewter Dune color palette (#E9DDCF, #CCB492, #7EA281, #99596C, #502F00)
• Patina Jade Terrace color palette (#F4F7ED, #CFDBB1, #E2B3EF, #59C182, #683F4A)
• Timeworn Jade Chapel color palette (#FFF4DF, #DADBA9, #95C38B, #42A47B, #3E5437)
• Worn Mulberry Veranda color palette (#F4ECD0, #AEA379, #5F8E75, #A13F51, #352000)
• Quiet Bronze Canyon color palette (#EAECD6, #6DD4B3, #70A7CE, #997700, #4C3A00)

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