Washed Cocoa color palette — #FFF0FC · #F8CFD2 · #C9A3B1 · #9E6C78 · #76381F

Rust takes the lead with Mocha close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Shell Pink (#F8CFD2): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#C9A3B1): A luminous, dusty rose — the color of a warm blush.
• Mocha (#9E6C78): A full-bodied, dusty red — the color of a theater curtain.
• Rust (#76381F): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, 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

• Cocoa Ridge color palette (#FFF1F4, #E3D7D2, #D5B6B3, #A28369, #6C4600)
• Weathered Chestnut Ridge color palette (#FFEAEB, #E6B1C7, #B88087, #7B4E00, #3B2F02)
• Driftwood Loft color palette (#E4FCEE, #B7E4E7, #C0ABBF, #8C6D93, #634849)
• Fern Villa color palette (#FBE7E9, #BF9889, #936148, #4C4B00, #0C1800)
• Powdered Terracotta color palette (#F4F4FF, #CDB3F3, #AC72B3, #A4312E, #5B2200)
• Powder Thicket color palette (#D1F4FF, #92BADA, #7E869D, #4B6553, #294232)
• Weathered Lagoon color palette (#DCE2F3, #8D8AB8, #6C5684, #520D20, #1F0001)
• Weathered Harbor color palette (#F1EBFF, #8B689E, #5D3756, #3F0C00, #070200)

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