Dusty Cocoa Drift color palette — #FBF4EF · #DEDBD0 · #C2C1B5 · #AF846E · #6D3802

Bronze takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Bone (#DEDBD0): bright and airy, almost weightless.
• Stone (#C2C1B5): a calm mid-gray that lets other colors speak.
• Caramel (#AF846E): A luminous, dusty orange — the color of autumn markets.
• Bronze (#6D3802): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Dusty Cocoa Drift 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 Hollow color palette (#FAF3F6, #E2D7D6, #B6BBC6, #C29175, #463C41)
• Antique Moss Canyon color palette (#F8F5EB, #D6DCCF, #B6C6AD, #928916, #4F3D00)
• Tempered Basalt color palette (#F3EEE4, #AAA494, #8B8771, #544300, #0F0800)
• Weathered Amber color palette (#EFE2D3, #BF8100, #654700, #322D27, #1D1712)
• Ancient Driftwood Garden color palette (#FFF4E1, #D8A66F, #9C843D, #277353, #413C36)
• Dusty Olive Lagoon color palette (#E3E3DC, #C2C7B3, #9FAA8B, #2E7205, #202111)
• Ancient Atelier color palette (#FBF3EF, #DCD9D2, #C3BFB4, #B38177, #703514)
• Washed Studio color palette (#FAF4EE, #DADAD2, #C0C1B4, #B28556, #663D00)

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