Cocoa Drift color palette — #FFEFDD · #E4CCA8 · #9B8148 · #644000 · #271900

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

The five colors

• Cream (#FFEFDD): A whisper-light, dusty gold — the color of old brass.
• Wheat (#E4CCA8): A whisper-light, dusty gold — the color of old brass.
• Caramel (#9B8148): A luminous, balanced gold — the color of old brass.
• Bronze (#644000): A full-bodied, balanced gold — the color of old brass.
• Onyx (#271900): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged monochrome, 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

• Ancient Garnet Dune color palette (#FFEEE6, #E9BFAA, #B8776E, #75302C, #330D07)
• Softworn Fern Grove color palette (#F5F4D5, #D2D2A6, #74945B, #3E590E, #1A2100)
• Dusty Archive color palette (#FFF3E3, #E2C395, #A1762F, #6A4D17, #3E3A34)
• Hushed Summit color palette (#E4E8CD, #9C9331, #576400, #232900, #040400)
• Antique Chestnut color palette (#F5F2E7, #D9BEA1, #726010, #323409, #171406)
• Weathered Hollow color palette (#F5F1EA, #CEC492, #418BB4, #837200, #071A14)
• Washed Driftwood Lagoon color palette (#FDEFE3, #C2DFC8, #A1C9B6, #B57B7F, #403D37)
• Aged Mulberry color palette (#F3F3E6, #849E70, #458F9D, #814674, #25240E)

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