Dusty Cocoa color palette — #FDF0FF · #FFCDEB · #E7A6BA · #B97F7E · #703626

A conversation between Rust and Ballet Pink, giving this palette its sense of warmth and comfort.

The five colors

• Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Thistle (#FFCDEB): A whisper-light, dusty pink — the color of a candy shop window.
• Ballet Pink (#E7A6BA): A luminous, balanced rose — the color of a warm blush.
• Dusty Rose (#B97F7E): A luminous, dusty orange — the color of toasted spice.
• Rust (#703626): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

Use it as a design system

One click turns Dusty 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 Parlor color palette (#FFF1F6, #EBD6DB, #E1A4B4, #A16059, #642B00)
• Antique Mulberry Harbor color palette (#FFEDED, #E7B6B1, #B47583, #8F2F3C, #54090D)
• Patina Cabin color palette (#F2F5FF, #DDD2FF, #CFA8E1, #A37BA0, #6B324E)
• Worn Studio color palette (#FDF0FF, #FFCDC5, #E2A687, #B4895A, #584204)
• Washed Market color palette (#E7FCEB, #FFB4EB, #D79D9E, #739776, #4D4354)
• Coral Bloom color palette (#FFD7EE, #FFA6BB, #FF6C70, #C5581D, #502A00)
• Blush Grove color palette (#F6EFFA, #FC8FB6, #887485, #58525C, #232026)
• Timeworn Quarry color palette (#F9F2FF, #E6D4DD, #FABAA7, #AFB0A4, #534656)

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