Washed Cocoa color palette — #FEF2EC · #DCC6B1 · #BF8E7F · #966470 · #5C4300

A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Oat (#DCC6B1): A whisper-light, dusty gold — the color of honey in a jar.
• Dusty Rose (#BF8E7F): A luminous, dusty orange — the color of sun-warmed clay.
• Mocha (#966470): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Washed 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

• Weathered Cabin color palette (#FFF2EB, #F2D3B9, #D9A999, #AA8A7D, #653E00)
• Worn Stone color palette (#FFF0FA, #E7E1C8, #D3A193, #83738A, #344439)
• Wandering Basalt Archive color palette (#FAF5E6, #C1C19B, #96925E, #866133, #334500)
• Patina Courtyard color palette (#FEF1F9, #CDAEBC, #AA705B, #6F526D, #554148)
• Linen Cocoa color palette (#EADFD2, #ABA05F, #9C6401, #842C11, #1B2A01)
• Ancient Bronze color palette (#F3F7ED, #7EBA9B, #9793CF, #AE6259, #3C3E37)
• Aged Brick color palette (#FFEAD8, #CDB16A, #BF701B, #A72F2B, #323A09)
• Powdered Cocoa Garden color palette (#FFEBDE, #A2732E, #883500, #5F0021, #0E0B00)

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