Cocoa Dune color palette — #FCF3EE · #D8C194 · #99624D · #66311D · #2E1D12

A conversation between Cocoa and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Sand (#D8C194): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#99624D): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#66311D): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#2E1D12): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Washed Bronze Terrace color palette (#FBF4E6, #D8B66C, #7B6800, #463A00, #231904)
• Hushed Sand Grove color palette (#FFF0F9, #FFE2A5, #9A6856, #492E40, #160B12)
• Cocoa Study color palette (#FEF2ED, #AFB570, #84342B, #332C29, #221A0F)
• Bronze Dune color palette (#FAF4EF, #EEB792, #8F9730, #BF6514, #29240E)
• Patina Thicket color palette (#F1E3CD, #936E00, #392800, #1B211A, #090500)
• Washed Taupe Ridge color palette (#FEF0FB, #D6DC97, #C67F75, #775771, #271F25)
• Muted Coast color palette (#FFF4E3, #CDAC6E, #7B9049, #2064AC, #403D36)
• Patina Driftwood Station color palette (#F9F4EF, #DADCD2, #BDC6B3, #AC8955, #4D473F)

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