Cocoa Dune color palette — #FFF2EA · #D7B79C · #B4826A · #905849 · #593300

Cocoa takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#D7B79C): A luminous, dusty gold — the color of old brass.
• Caramel (#B4826A): A luminous, dusty orange — the color of autumn markets.
• Walnut (#905849): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#593300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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 Basin color palette (#FBF4E8, #CBBD98, #9F8E54, #83631B, #3F3D36)
• Wandering Chestnut color palette (#F6E4D6, #C5A88D, #A8724F, #87462B, #342F2A)
• Softworn Chestnut color palette (#E8DCD1, #AC8450, #8B5000, #602D00, #201400)
• Worn Taupe color palette (#FFF0F8, #FFD2B5, #C88E72, #815E76, #412933)
• Weathered Plum Atelier color palette (#FBF4E8, #B49C5D, #B676AA, #AD4765, #36322C)
• Taupe Canyon color palette (#FFF0F9, #EEC9A5, #D59E87, #987E98, #314235)
• Hushed Terracotta Loft color palette (#F8F6E8, #92A95B, #B36477, #913C00, #32260F)
• Hushed Cocoa color palette (#F7E7CB, #7B6F35, #564200, #322000, #040400)

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