Dusty Cocoa color palette — #F2E6DF · #CC934F · #782900 · #350D00 · #0C0300

A conversation between Rust and Mustard, giving this palette its sense of optimism and warmth.

The five colors

• Parchment (#F2E6DF): bright and airy, almost weightless.
• Mustard (#CC934F): A luminous, balanced gold — the color of old brass.
• Rust (#782900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#350D00): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0C0300): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, 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

• Patina Amber color palette (#F5ECE0, #BD8B00, #533900, #201300, #050200)
• Chestnut Veranda color palette (#F9F0E7, #D3AC73, #7A4712, #382108, #120B05)
• Worn Hollow color palette (#FBE8F7, #AF9C2B, #722520, #3A1310, #1F101D)
• Dusty Mulberry color palette (#F3E5E4, #CD8F6E, #7E0E4A, #340A1D, #0F0201)
• Wandering Coast color palette (#F7EAD3, #BB9D39, #6F6600, #3D4000, #111A00)
• Weathered Dune color palette (#FCEBDE, #A46A00, #451C00, #1D251F, #120400)
• Muted Terracotta color palette (#FFF2EC, #E0D277, #9F4138, #431814, #0A0200)
• Tempered Bronze Summit color palette (#F2E0CC, #885F00, #463D41, #2D1900, #050200)

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