Washed Cocoa color palette — #FFF0FC · #F0D1D2 · #D6B6B2 · #AC8F89 · #7F4124

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Bone (#F0D1D2): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#D6B6B2): A luminous, dusty orange — the color of toasted spice.
• Dusty Rose (#AC8F89): A luminous, dusty orange — the color of autumn markets.
• Bronze (#7F4124): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. 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 Bloom color palette (#DEFEEE, #C2E0E4, #CFBACC, #B09397, #664848)
• Softworn Balcony color palette (#FFD3E1, #E3BBC1, #C19A99, #AC7245, #603900)
• Timeworn Mallow Summit color palette (#EFEFFF, #D9C6F4, #CD9DD0, #A87772, #6D4430)
• Timeworn Atelier color palette (#E2FDEE, #E3D0E0, #BEA9AF, #8E843B, #5E5500)
• Weathered Taupe color palette (#F1DBEB, #BB839A, #9C686E, #654C24, #201900)
• Ash Studio color palette (#EBF2FF, #BFC7E4, #8E8EB2, #77657A, #51404D)
• Aged Fern Parlor color palette (#F3F7EB, #D4E4C5, #A9BC9F, #8BA18B, #3D5717)
• Worn Cocoa color palette (#E0E0F9, #9080B2, #7B6284, #723435, #230700)

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