Dusty Cocoa color palette — #FAF4F0 · #DCDAD2 · #C6C3AF · #BA7F5E · #6C3801

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Bone (#DCDAD2): a clean, paper-quiet neutral.
• Stone (#C6C3AF): A luminous, dusty green — the color of new leaves after rain.
• Caramel (#BA7F5E): A luminous, balanced orange — the color of toasted spice.
• Bronze (#6C3801): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. 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

• Softworn Driftwood Hollow color palette (#F8F5EF, #D9DCD3, #BCC3B7, #A18F40, #4B473E)
• Amber Field color palette (#ECE3D8, #B4853E, #654700, #322D27, #1D1711)
• Worn Loft color palette (#FBF2F6, #E6D7D6, #ACBECA, #B791A4, #463C41)
• Weathered Basalt color palette (#E5DFD4, #A9A499, #8E8766, #544300, #0F0800)
• Timeworn Pier color palette (#F9F5EB, #CDC5A0, #85985A, #97652F, #4F4200)
• Aged Pier color palette (#FEF4E2, #D2A973, #97863F, #007557, #413C36)
• Wandering Cerulean Cabin color palette (#FBF6DB, #C4C4A6, #979F7E, #418495, #2E5345)
• Powdered Balcony color palette (#FFF3E6, #FFD7BD, #FAB558, #C1A622, #553D15)

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