Dusty Cocoa color palette — #F7F2FF · #ECD6DD · #E19FB9 · #9C625D · #602D01

Cocoa takes the lead with Ballet Pink close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#F7F2FF): bright and airy, almost weightless.
• Silver (#ECD6DD): A whisper-light, dusty rose — the color of pressed rose petals.
• Ballet Pink (#E19FB9): A luminous, balanced rose — the color of pressed rose petals.
• Walnut (#9C625D): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#602D01): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Tempered Driftwood color palette (#F1F5FF, #F4CEFB, #E0A3C0, #BE7870, #613B00)
• Weathered Garden color palette (#FFF0F8, #E7D6CF, #DD9D7F, #926E43, #453D00)
• Antique Mulberry color palette (#FFF1F4, #DAAECA, #AD7385, #913242, #762918)
• Hushed Market color palette (#EEF6FF, #DFD7E3, #B8A0D6, #8D6081, #652B3D)
• Antique Quarry color palette (#FFF0FD, #FF88A4, #C94F3A, #632F00, #160D00)
• Worn Amber color palette (#FFF0F8, #FFB2BC, #C96D48, #7F4900, #221D00)
• Stone Basin color palette (#F4F4FF, #E7D7DF, #D4B4C5, #758A95, #3A505A)
• Patina Taupe Dune color palette (#E5FBF3, #F1CEFF, #CD8F94, #497B87, #423C4C)

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