Muted Cocoa Drift color palette — #E7E1DD · #BAB2A8 · #978D73 · #722900 · #160600

Built around Rust, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#E7E1DD): a clean, paper-quiet neutral.
• Ash (#BAB2A8): a calm mid-gray that lets other colors speak.
• Caramel (#978D73): A luminous, dusty gold — the color of old brass.
• Rust (#722900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#160600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Muted Cocoa Drift 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

• Timeworn Mulberry color palette (#EFE5E3, #BFAFA9, #A28873, #7D0047, #180404)
• Wandering Bronze Coast color palette (#E6DED6, #A69F90, #877E34, #502D00, #090300)
• Chestnut Cabin color palette (#FAF0E4, #DBD3BE, #ADAE90, #7A5200, #261600)
• Worn Navy Balcony color palette (#EBDADB, #A27458, #524F18, #262470, #1E041F)
• Bronze Lantern color palette (#F6F1EC, #D7D7D0, #B8BFB1, #A46331, #322A24)
• Muted Terrace color palette (#EFE6D3, #6C8242, #005224, #50012D, #050900)
• Frosted Station color palette (#F5E8DB, #EF727D, #C06700, #3B6200, #090500)
• Velvet Chestnut color palette (#F8E4D1, #814800, #333B00, #00183C, #0C0100)

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