Washed Cocoa color palette — #FEF3EA · #DAC7AF · #B4957A · #9A655B · #5A4400

Deep Olive takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Oat (#DAC7AF): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#B4957A): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#9A655B): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#5A4400): A deep, shadowed, balanced 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

• Terracotta Loft color palette (#FFF3E9, #D4B997, #B68261, #97524C, #403D36)
• Faded Bronze color palette (#F9ECD6, #A1A464, #8C6D00, #713F00, #272600)
• Muted Garnet color palette (#F8E5D2, #937A41, #784400, #591500, #0D0C00)
• Olive Atelier color palette (#ECF9F4, #7BB2D7, #CB8781, #7F7F35, #2C433B)
• Softworn Azure color palette (#EFF7F4, #ADDDCD, #CE809C, #2C95D5, #3C2826)
• Wandering Hollow color palette (#D8FFF3, #E9C1DC, #A88EC5, #95528C, #702548)
• Worn Denim Boulevard color palette (#ECF9F4, #E9CAB3, #5E82A0, #2E516D, #1D302A)
• Tempered Dune color palette (#FFDFB1, #FFC8C5, #72DAFF, #374F43, #2D3531)

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