Washed Cocoa color palette — #F9EEF4 · #9995C9 · #935D81 · #773529 · #052944

A conversation between Rust and Slate, giving this palette its sense of trust and stability.

The five colors

• Blush (#F9EEF4): bright and airy, almost weightless.
• Blue Fog (#9995C9): A luminous, dusty violet — the color of wild irises.
• Slate (#935D81): A full-bodied, balanced pink — the color of neon signs at night.
• Rust (#773529): A full-bodied, balanced orange — the color of toasted spice.
• Midnight (#052944): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged 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

• Softworn Cocoa color palette (#FAEEF3, #A194BF, #935F78, #743922, #312600)
• Tempered Bronze Coast color palette (#FCEEEE, #BE88AF, #9F5C53, #634600, #2A2043)
• Ancient Cobalt color palette (#F4EAF1, #707EBC, #4A3440, #281824, #0F0B0F)
• Hushed Pewter color palette (#FFEBF6, #BAB0E0, #8D74B2, #70508E, #4C2731)
• Rust Market color palette (#EDF7FE, #65A0C3, #A2575E, #475B2C, #1E4B43)
• Weathered Study color palette (#F3F4FE, #B7A7DD, #B97298, #955545, #2F4A35)
• Muted Petrol color palette (#F1F3EC, #C5E1E4, #AD91B1, #36738E, #412F41)
• Tempered Chestnut color palette (#FFECF3, #E0C2C8, #A6888A, #915530, #5B3100)

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