Cocoa Drift color palette — #E8DDE3 · #C6B5BB · #809985 · #662400 · #040002

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

The five colors

• Silver (#E8DDE3): bright and airy, almost weightless.
• Stone (#C6B5BB): A luminous, dusty rose — the color of strawberry cream.
• Eucalyptus (#809985): A luminous, dusty teal — the color of sea glass.
• Rust (#662400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Aged Garnet color palette (#E2DDE3, #C8B4C2, #A88697, #6E122A, #030004)
• Aged Market color palette (#E9E1DD, #9A8B78, #7C6A1E, #500E00, #030100)
• Antique Fern Garden color palette (#E7F1EC, #C3D4D0, #87AFAC, #515100, #000402)
• Brick Workshop color palette (#EFE7EC, #96A8A3, #6A9596, #AD3100, #10050D)
• Washed Fern Veranda color palette (#FAECE2, #94814E, #3E500F, #002136, #01000C)
• Abyss Station color palette (#D6F3E0, #778137, #234600, #3B0003, #010100)
• Pale Chapel color palette (#FCDDE6, #FF5C3D, #AE6A00, #5F6100, #020100)
• Bronze Ridge color palette (#FDF2F5, #CBDBDF, #ABC7C7, #A66506, #271A1F)

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