Cocoa Dune color palette — #E6DFD9 · #C7B8A6 · #A38E6F · #5A3000 · #020100

Built around Cocoa, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Bone (#E6DFD9): a clean, paper-quiet neutral.
• Stone (#C7B8A6): A luminous, dusty gold — the color of old brass.
• Caramel (#A38E6F): A luminous, dusty gold — the color of honey in a jar.
• Cocoa (#5A3000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cocoa Dune 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

• Bronze Summit color palette (#F5EEE9, #A1998A, #7B7328, #481C00, #120601)
• Patina Lantern color palette (#F0EFE2, #D1D2BC, #A4A98F, #3F5700, #030300)
• Dusty Olive Lantern color palette (#E5E0CD, #688723, #204700, #281800, #010100)
• Timeworn Amber Terrace color palette (#F2E7DB, #E87B00, #B47C00, #675D00, #020100)
• Softworn Bronze Drift color palette (#FAF4EC, #DCE0CD, #BFC9AB, #907133, #231D14)
• Wandering Amber color palette (#FBF4EC, #DEDECD, #96B9BF, #B6884D, #39342E)
• Chestnut Lantern color palette (#F7EBDA, #6E4E00, #173300, #000A09, #030000)
• Wandering Basalt color palette (#E6DDD1, #C7B99F, #9F906E, #503600, #020100)

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