Muted Cocoa color palette — #ECDECE · #C2AE6B · #8D9C47 · #883200 · #352500

Rust and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#ECDECE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#C2AE6B): A luminous, balanced green — the color of fresh herbs.
• Moss (#8D9C47): A luminous, balanced green — the color of fresh herbs.
• Rust (#883200): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#352500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, 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

• Feathered Mulberry color palette (#F6DACD, #D1A37D, #A28500, #960140, #3F1700)
• Lagoon Balcony color palette (#F6E9C9, #AFBE8C, #389766, #684100, #212200)
• Gentle Garnet Lantern color palette (#FFEBDC, #D1B14E, #009E6D, #88173C, #130B00)
• Jade Bloom color palette (#F6D9EA, #D4C27C, #06BC7C, #AE3F67, #321F00)
• Weathered Dune color palette (#FFF3E4, #DBE2C7, #C1C398, #AB7556, #654800)
• Worn Pier color palette (#EEEAD0, #63A06E, #008473, #342C00, #040D00)
• Weathered Mint color palette (#FDF6C2, #C3DD8C, #38C780, #8C5F00, #3E4000)
• Hushed Cocoa Thicket color palette (#FFECDD, #936E3D, #6A3500, #4A1200, #1E1400)

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