Cocoa Drift color palette — #FFF2EB · #DFC6AD · #B9927C · #8E6A64 · #5C4300

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Oat (#DFC6AD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B9927C): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#8E6A64): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#5C4300): 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 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

• Cocoa Lagoon color palette (#FDF3ED, #F2D3BA, #DFA793, #B08778, #653E00)
• Softworn Basalt color palette (#FBF5E4, #C1C09E, #959165, #82623E, #334400)
• Muted Stone Meadow color palette (#FEF1F9, #EDD3D0, #D6A08F, #85728B, #36433A)
• Hushed Bronze Harbor color palette (#FAE7D2, #AA9F6A, #9B640E, #7A3624, #1B2900)
• Chestnut Balcony color palette (#FDF1F8, #CEADBC, #98738B, #7E4F4D, #584048)
• Quiet Ridge color palette (#FFEAD9, #D2B061, #B8743B, #8F4946, #343908)
• Ancient Cocoa color palette (#FFF2EC, #DD9786, #6FA8A1, #3D8982, #632A03)
• Weathered Parlor color palette (#FCF3F1, #FFBCCB, #78AA7A, #BC7485, #2D2F28)

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