Muted Cocoa color palette — #ECDAE5 · #B17834 · #862A00 · #44001B · #020100

A conversation between Rust and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#ECDAE5): A whisper-light, dusty pink — the color of neon signs at night.
• Caramel (#B17834): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#862A00): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#44001B): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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

• Washed Bronze Coast color palette (#D6E9D4, #978622, #6C4300, #410C00, #010100)
• Terracotta Harbor color palette (#FED9EE, #BF904E, #9C3F00, #5D0E23, #000502)
• Cellar Chestnut color palette (#FDE5F3, #944A16, #5E1F00, #330300, #040100)
• Hazy Rust color palette (#F5E1DA, #CA7837, #B84101, #7C3130, #130800)
• Hazy Rust color palette (#FFF0F8, #EAAF4A, #C55B00, #852635, #1B1900)
• Bronze Archive color palette (#E7FBEE, #A8BC78, #8D7400, #693800, #001715)
• Wandering Coast color palette (#EDDAEA, #B5011B, #940702, #2C2900, #050000)
• Washed Nightshade Cabin color palette (#E4EAF7, #7C78FF, #753C00, #3600A5, #040002)

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