Cocoa Drift color palette — #EEE5DE · #BEB1A2 · #9C8A72 · #673500 · #140700

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

The five colors

• Parchment (#EEE5DE): bright and airy, almost weightless.
• Stone (#BEB1A2): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#9C8A72): A luminous, dusty gold — the color of old brass.
• Bronze (#673500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#140700): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

One click turns 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

• Hushed Bronze Veranda color palette (#EEE9E1, #A79F8F, #927931, #493100, #080300)
• Washed Garnet color palette (#F8EDEA, #C1AEA8, #A1877A, #800031, #160603)
• Tempered Cocoa Hollow color palette (#E8DFE3, #AFBDB0, #739887, #6D3100, #2B1922)
• Weathered Chestnut color palette (#F5F1EA, #DCD3BE, #B5AC88, #6F5800, #241800)
• Hazy Amber Canyon color palette (#EBDDC9, #E28200, #9D7300, #645D00, #060300)
• Chestnut Coast color palette (#EADEC7, #855C00, #443C00, #00251C, #080500)
• Fern Lagoon color palette (#EAE8D4, #798550, #386425, #003A3E, #00151D)
• Dusty Cocoa Loft color palette (#EDE7DF, #BBB2A3, #988C73, #5C3D00, #120800)

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