Washed Cocoa color palette — #FEDBFF · #CE97B8 · #9F6776 · #714100 · #3D2D00

Built around Bronze, softened by Mauve — the whole palette hums with optimism and creativity.

The five colors

• Thistle (#FEDBFF): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#CE97B8): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#9F6776): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#714100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3D2D00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged vintage, retro, muted, warm.

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

• Patina Chestnut color palette (#EAD8F6, #B5A3B9, #9E6763, #634D04, #013121)
• Cocoa Studio color palette (#DFE5FF, #A3A4CD, #8B698B, #85382D, #471D00)
• Aged Lantern color palette (#ECD8F0, #AC84A2, #925268, #5A3415, #2A1B00)
• Peony Workshop color palette (#EEDDFF, #D6A9DE, #C272A5, #955A3C, #643E14)
• Bronze Delta color palette (#FFE8EA, #D4887D, #9F5C3A, #404200, #122800)
• Cypress Lantern color palette (#FBECFF, #C6ADC1, #997E8E, #406754, #183B33)
• Quiet Driftwood Courtyard color palette (#DEEFFF, #B8A8E0, #AB6086, #3B6645, #405006)
• Wandering Cocoa color palette (#FFD8DF, #985956, #78300C, #272700, #040800)

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