Dusty Cocoa color palette — #FFF2EB · #C99C83 · #966551 · #7B3F1E · #5B3200

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Camel (#C99C83): A luminous, dusty gold — the color of old brass.
• Walnut (#966551): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#7B3F1E): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#5B3200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Dusty Chestnut color palette (#FFF4E0, #B6A580, #837041, #664D1F, #3F3D36)
• Garnet Coast color palette (#FFEDF8, #D596B1, #A1576D, #872F3D, #730C18)
• Timeworn Apricot Hollow color palette (#FFF0F9, #F5C5AB, #E0987E, #AF786E, #4A373F)
• Driftwood Cabin color palette (#FFF0FA, #DBB0C1, #BB7E6A, #8F565D, #2B442F)
• Sunlit Amber color palette (#F6D8BC, #BB7F28, #844B00, #5F2C00, #382500)
• Weathered Cocoa color palette (#F1E0D4, #9B6942, #703000, #4A1300, #231100)
• Fern Ridge color palette (#F7EFD5, #848F49, #5B5900, #413700, #1D2901)
• Aged Grove color palette (#FEF1F4, #C89DCE, #A74D64, #7F4587, #321E1A)

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