Cocoa Drift color palette — #E8E1D6 · #A7A599 · #828A72 · #5B3F00 · #0F0700

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

The five colors

• Parchment (#E8E1D6): bright and airy, almost weightless.
• Taupe (#A7A599): a calm mid-gray that lets other colors speak.
• Eucalyptus (#828A72): A luminous, dusty green — the color of fresh herbs.
• Bronze (#5B3F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#0F0700): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Ancient Garnet Loft color palette (#E8DDD7, #AFA295, #8D866F, #811500, #150400)
• Worn Station color palette (#E6DFD3, #9DA68B, #7F8E77, #7D5E00, #0E0802)
• Wandering Basalt Dune color palette (#DFE6DF, #A3C3B6, #709B99, #523500, #000200)
• Onyx Courtyard color palette (#E5ECE6, #8C9F95, #4B7C6F, #382800, #000D03)
• Forest Chapel color palette (#E3E6DA, #ADB8AA, #809D8D, #00651B, #131602)
• Aubergine Coast color palette (#FBE2D3, #926950, #5A561E, #51084E, #270300)
• Olive Loft color palette (#F1EEE8, #D7D9CA, #B0BCAA, #7F7300, #332D1E)
• Hushed Garnet color palette (#ECECDA, #33856C, #004F55, #54002B, #000805)

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