Washed Cocoa color palette — #FFF3E5 · #B8A47D · #8E6B3E · #794114 · #3F3D36

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#B8A47D): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#8E6B3E): A full-bodied, dusty gold — the color of old brass.
• Bronze (#794114): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#3F3D36): quiet, heavy and certain.

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

• Timeworn Bronze color palette (#EBF5EA, #99B39D, #926D3B, #694218, #12281A)
• Patina Bronze color palette (#FFEAD9, #B79764, #9E5200, #7B2B20, #3E3600)
• Wandering Grove color palette (#FEF3E7, #CDBBA0, #AC8857, #895F35, #403D36)
• Misty Moss color palette (#ECDEB0, #8C9613, #6E5900, #573200, #133100)
• Timeworn Lagoon Orchard color palette (#E9FBEA, #009398, #9E586B, #7E394D, #243926)
• Olive Garden color palette (#EBE0CC, #716A01, #4A3400, #2F1400, #070E00)
• Lowlit Chestnut color palette (#F0E1D8, #7F4C00, #4C1A00, #280005, #050300)
• Softworn Stone color palette (#EFF8F0, #D9A07F, #005D61, #1C351F, #081F1B)

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