Dusty Cocoa Drift color palette — #FFF1F2 · #E2D7D1 · #D1BCA8 · #9E8569 · #654700

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#E2D7D1): bright and airy, almost weightless.
• Stone (#D1BCA8): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#9E8569): A luminous, dusty gold — the color of old brass.
• Bronze (#654700): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Timeworn Fern color palette (#F7F5EC, #BFE1D3, #AEB28D, #748E75, #4C4900)
• Chestnut Ridge color palette (#FFEEF4, #D8B2A8, #C27D72, #735C00, #2B2C00)
• Patina Fern color palette (#FFF2EC, #EED1BD, #AA9179, #526E39, #204A2A)
• Patina Spruce Harbor color palette (#FFDFD2, #B08B6C, #705426, #033C07, #001309)
• Patina Ash color palette (#F2F4FF, #C1BFDB, #9289A7, #776773, #594848)
• Dusty Fern Grove color palette (#FFD3CE, #C59381, #966F4A, #374900, #002104)
• Timeworn Archive color palette (#F5E3E4, #9F6E84, #7D3C46, #362000, #030200)
• Aged Driftwood Drift color palette (#FFF1F6, #ECD4E4, #D1A8E3, #96659C, #6E474D)

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