Washed Cocoa color palette — #FFF1F4 · #E6C8F5 · #EEBA9B · #BE97D1 · #723E08

Bronze takes the lead with Mauve close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Thistle (#E6C8F5): A whisper-light, dusty violet — the color of wild irises.
• Sand (#EEBA9B): A whisper-light, dusty gold — the color of old brass.
• Mauve (#BE97D1): A luminous, balanced violet — the color of a velvet chair.
• Bronze (#723E08): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. Tagged light, 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

• Periwinkle Field color palette (#FFF0FB, #C5D3FF, #F6B1BF, #94A6DE, #65433C)
• Weathered Stone color palette (#FFF1F3, #E3D7D2, #D1A8B3, #9DB1A0, #634C4E)
• Lilac Cabin color palette (#F4F4FF, #F7D1E7, #B8D7A1, #B284CE, #394D29)
• Wisteria Coast color palette (#FFF1F3, #EFC5ED, #8BD2F4, #CA92C7, #2E5746)
• Mallow Loft color palette (#FFF1F3, #FBD4F9, #D3A5D2, #A47DA7, #542F37)
• Worn Coral Dune color palette (#FFF2EE, #FFB4BC, #ACB8FF, #D8818C, #57364D)
• Hushed Pier color palette (#FFF2EF, #FAD6BA, #C28E9A, #87635D, #362724)
• Hushed Hollow color palette (#FAF5E7, #E2D9BA, #C3B590, #A09072, #534800)

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