Dusty Cocoa color palette — #FFEDEC · #E4A5B4 · #B87176 · #88524C · #773F13

A conversation between Bronze and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#FFEDEC): bright and airy, almost weightless.
• Ballet Pink (#E4A5B4): A luminous, dusty red — the color of a theater curtain.
• Caramel (#B87176): A luminous, balanced red — the color of embers at dusk.
• Coffee (#88524C): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#773F13): A full-bodied, balanced gold — the color of honey in a jar.

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

• Washed Harbor color palette (#FFF2EC, #F3BAA8, #AA7363, #703F2F, #562400)
• Dusty Driftwood Workshop color palette (#FFF1F6, #D1ADE0, #9B6F9D, #845677, #69423F)
• Softworn Blush Courtyard color palette (#F6EBFF, #FFC7D4, #F4929A, #C28178, #604656)
• Patina Lantern color palette (#FFF2ED, #DFDBCD, #ACC8AA, #A58078, #7B4417)
• Antique Bronze Terrace color palette (#FFF2ED, #D89F9D, #52A7B2, #A15C5A, #35563E)
• Cocoa Lagoon color palette (#FFF2EC, #C3867C, #6B9672, #6575A1, #6A2F0F)
• Bronze Thicket color palette (#F3D8D3, #D7805B, #A05700, #6E4300, #363F0A)
• Washed Delta color palette (#FEE8DF, #BA6100, #6F4700, #372600, #111902)

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