Washed Cocoa color palette — #F7EFF4 · #C7B080 · #7D432F · #461504 · #160611

Coffee takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Camel (#C7B080): A luminous, dusty gold — the color of old brass.
• Coffee (#7D432F): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#461504): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#160611): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Timeworn Cocoa color palette (#FFF2EC, #ACB576, #83352E, #49201C, #241B10)
• Timeworn Chestnut Parlor color palette (#E9F6EB, #C8B07F, #695111, #332500, #031006)
• Bronze Dune color palette (#FFF2EB, #DFC080, #A05D47, #48413D, #291F19)
• Chestnut Lantern color palette (#F9EFF3, #DCA684, #5A8338, #9B4B00, #01120F)
• Tempered Amber Bloom color palette (#F8DEE8, #BB8C00, #5D3200, #241000, #060200)
• Weathered Bronze color palette (#FCF2F9, #BFF3E0, #A36256, #5C251D, #170A15)
• Wandering Studio color palette (#EEF3EE, #CFDAD8, #AEC0C1, #986B26, #262F26)
• Navy Study color palette (#E4F8E8, #BB9652, #637334, #10487B, #092A19)

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