Dusty Cocoa color palette — #F1E5EA · #ADBEB3 · #77968F · #693400 · #2C1822

A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Rose Water (#F1E5EA): bright and airy, almost weightless.
• Stone (#ADBEB3): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#77968F): A luminous, dusty teal — the color of glacier melt.
• Bronze (#693400): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2C1822): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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 Hollow color palette (#F2ECE6, #BBB2A4, #988D6E, #633800, #140800)
• Chestnut Market color palette (#E7DDE0, #BAC9BC, #93AB9F, #8B5000, #2C1820)
• Aged Chestnut Canyon color palette (#EFF8F1, #BDDAD2, #7FB1B3, #705700, #26382B)
• Washed Delta color palette (#D8E2DE, #85A09E, #57777D, #2C2D00, #000D07)
• Tempered Driftwood Dune color palette (#F6DCD3, #96844B, #2B634F, #423254, #3A1633)
• Bronze Pier color palette (#FBF2F5, #CFD8DD, #AEC0C5, #8F6D47, #514348)
• Wandering Pine Studio color palette (#CFE6DB, #4E8A55, #005047, #48193F, #022208)
• Dusty Coral Veranda color palette (#CFE9D1, #FF6472, #9C6F00, #006037, #171600)

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