Dusty Cocoa color palette — #FFF2EB · #EBC4AC · #AC6C57 · #7E371A · #542A1A

Rust and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#EBC4AC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#AC6C57): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#7E371A): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#542A1A): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

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

• Chestnut Parlor color palette (#FFF4E1, #D6C398, #947A40, #624B00, #463502)
• Hushed Garnet Lantern color palette (#FFF1F0, #EAB9CA, #A4687F, #763554, #4F2538)
• Cocoa Cabin color palette (#FFF2EC, #DFDACD, #CAC3A3, #BB7F7B, #784015)
• Amber Terrace color palette (#FFF0F9, #FDC7AF, #DC8766, #8F5646, #4B2F40)
• Powdered Market color palette (#FFE2BD, #BE8735, #774C00, #3E2500, #1F1200)
• Bronze Delta color palette (#FFF3E8, #E19856, #9D5800, #5C3400, #412100)
• Denim Field color palette (#FFF2F0, #B67D90, #4E85AD, #4F5A94, #4D3634)
• Hushed Olive Station color palette (#EBF2D3, #6D7800, #3A3F00, #101200, #030400)

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