Cocoa Drift color palette — #E6DED0 · #644800 · #0B181B · #030700 · #030002

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

The five colors

• Bone (#E6DED0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#644800): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#0B181B): a grounded near-black with real depth.
• Ink (#030700): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#030002): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Softworn Villa color palette (#F3E5D8, #9B7800, #4D5200, #0C2600, #000201)
• Fern Atelier color palette (#DBEBCE, #375900, #3E464E, #151B1F, #000705)
• Hushed Bronze color palette (#F9EAD0, #866500, #3A3200, #181D15, #0C0600)
• Olive Ridge color palette (#C6F0E8, #3D8B00, #493D3D, #002C27, #000504)
• Washed Garnet color palette (#EDD9E7, #4E5C5D, #8D1E00, #2A1E0F, #090500)
• Velvet Villa color palette (#CCF1F1, #007248, #302E35, #001619, #000202)
• Softworn Moss Corridor color palette (#D8FFF4, #77A300, #004739, #001A15, #000201)
• Hushed Delta color palette (#E1FBFD, #00B991, #2D4B59, #0E2223, #020705)

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