Washed Cocoa color palette — #FFF2EB · #DFCCC1 · #B2AA97 · #A37C82 · #7A3E1E

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Oat (#DFCCC1): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#B2AA97): A luminous, dusty gold — the color of old brass.
• Mocha (#A37C82): A luminous, dusty red — the color of late-summer berries.
• Bronze (#7A3E1E): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted, light.

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

• Softworn Parlor color palette (#FFF4E0, #E3DEBB, #BAC6A6, #A791A1, #604A51)
• Washed Parlor color palette (#FFE0C2, #C3AF8C, #8E997B, #8D524D, #673C00)
• Weathered Fern Courtyard color palette (#F6F5EE, #CAD6B9, #86A587, #99726F, #415612)
• Cocoa Dune color palette (#F3DDC5, #8A975E, #347970, #743925, #3F2400)
• Driftwood Loft color palette (#F4F8E6, #8FBF96, #C390C6, #B9718C, #42433C)
• Wandering Coast color palette (#EAFAEF, #A7CEC0, #709B9A, #667186, #564D5C)
• Brick Alley color palette (#CCECD7, #87BB99, #4C9570, #A52536, #4D3D00)
• Aged Emerald color palette (#F4F7E9, #A8D1A7, #C6A1D6, #599F5A, #65414B)

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