Washed Cocoa color palette — #FCF3ED · #E3DCC3 · #C8A791 · #9F6A63 · #573800

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

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Bone (#E3DCC3): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#C8A791): A luminous, dusty gold — the color of old brass.
• Mocha (#9F6A63): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#573800): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Worn Taupe Atelier color palette (#FFF2EB, #F4D7BE, #C88E77, #925955, #36312B)
• Weathered Parlor color palette (#FFF3E3, #C1B27D, #996D10, #693800, #141300)
• Timeworn Market color palette (#FFF0F8, #D6A9BB, #9F7562, #6D5468, #3E4C3E)
• Worn Stone Alley color palette (#FCEDF6, #D5B591, #9A768C, #625166, #223028)
• Patina Driftwood color palette (#FAF5E8, #D1C488, #87B4D7, #8C75AD, #34312B)
• Cocoa Thicket color palette (#F5DECC, #AC7A42, #793900, #420A00, #020100)
• Worn Fern color palette (#F1E5C6, #97A069, #6C6000, #412E00, #020500)
• Linen Chestnut color palette (#FFF3E6, #EDCB8A, #C4812C, #974400, #2F2800)

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