Washed Cocoa color palette — #FFF3E8 · #C3A077 · #956644 · #7A401A · #403D36

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Camel (#C3A077): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#956644): A full-bodied, dusty gold — the color of old brass.
• Bronze (#7A401A): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#403D36): a grounded near-black with real depth.

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

• Chestnut Market color palette (#FBE3CC, #B2915D, #865829, #613824, #33302A)
• Chestnut Bloom color palette (#FCF5E1, #A2AD81, #7A7538, #6C4B00, #414000)
• Driftwood Coast color palette (#FFF1F7, #EEC2D2, #CCA385, #B1795D, #2F432E)
• Marigold Hollow color palette (#F9F5EA, #CEA956, #5B5218, #302E27, #1B1E15)
• Washed Drift color palette (#FFF0F7, #A9C8A9, #B28466, #7C5E76, #2E4337)
• Muted Mustard color palette (#F7F5ED, #AEB74E, #008172, #5F6600, #1F271B)
• Patina Bloom color palette (#F1DEC8, #917103, #5F3D00, #401D00, #191700)
• Worn Moss color palette (#FCF5E0, #8A8500, #4B73A4, #634572, #35332C)

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