Washed Cocoa color palette — #FFF3E9 · #DCC6B3 · #BB9178 · #996653 · #663D00

Bronze and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Oat (#DCC6B3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#BB9178): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#996653): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#663D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, 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

• Ancient Chestnut color palette (#FFF2E9, #C8B49D, #A2745A, #894A2F, #5C4300)
• Antique Bronze Market color palette (#F3E5D0, #AE9E6A, #8E6C11, #694500, #2E2200)
• Hushed Stone Thicket color palette (#FFF1F7, #EDD3D1, #CEA48B, #8B7181, #4B3A3F)
• Antique Bronze color palette (#EFE0D3, #A86F2A, #7B4200, #502000, #130900)
• Washed Bronze color palette (#F1F7EF, #66BDAF, #B8946A, #877B35, #364132)
• Patina Denim color palette (#EEF8F3, #CFD6AD, #5E8875, #1F546A, #1F3028)
• Iris Pier color palette (#F9F3F8, #E6C5E2, #A98EC1, #658BD2, #39282E)
• Chalky Pewter Pier color palette (#FFF0F9, #CEC4F1, #AE95CA, #8C59A0, #662F66)

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