Dusty Cocoa color palette — #FEF3EC · #E2C5A6 · #C28D7B · #936860 · #5B4400

Built around Bronze, softened by Caramel — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FEF3EC): a clean, paper-quiet neutral.
• Wheat (#E2C5A6): A whisper-light, dusty gold — the color of old brass.
• Caramel (#C28D7B): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#936860): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#5B4400): A full-bodied, 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 Dusty Cocoa 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

• Hushed Cocoa color palette (#FFF2EA, #EED4BF, #D0AE98, #AA8A79, #683B00)
• Sunlit Parlor color palette (#FFF0F8, #E6BDE7, #DC839C, #9E574C, #603B00)
• Aged Market color palette (#FBF5E3, #C0C19C, #959357, #7F6341, #314500)
• Patina Stone color palette (#FFF0F9, #D9AE8E, #9A728A, #6D546A, #3F4C3E)
• Bronze Market color palette (#F2E3D2, #ACA14D, #9A6500, #7E3217, #282500)
• Amber Courtyard color palette (#FFEAD8, #D1B154, #C26F00, #92473F, #37362F)
• Hushed Chestnut color palette (#ECE0C7, #7F9653, #725F00, #5B3100, #001C0A)
• Terracotta Market color palette (#FBE4D7, #A67032, #902A00, #5E0029, #0F0B00)

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