Dusty Cocoa color palette — #F6EBDD · #866E39 · #5B3D00 · #341C00 · #070500

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

The five colors

• Cream (#F6EBDD): A whisper-light, dusty gold — the color of old brass.
• Walnut (#866E39): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#5B3D00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#341C00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#070500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, 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

• Midnight Fern Terrace color palette (#F3E9D1, #67651C, #3F3600, #201700, #020200)
• Dusty Harbor color palette (#FBEDDC, #9F8248, #734C00, #492800, #150D00)
• Rust Grove color palette (#F8D7D5, #AF5244, #7B2B00, #351400, #0B0400)
• Frosted Bronze Studio color palette (#FCE4CD, #C3965D, #985A0D, #6A3200, #271900)
• Terracotta Orchard color palette (#FFEBDF, #C3784F, #9B3400, #6A0500, #200C00)
• Bronze Coast color palette (#FDEFE6, #CEB6A5, #AF724A, #7C483D, #392818)
• Plum Field color palette (#F6E1DE, #B84E7A, #772200, #660038, #040000)
• Lowlit Onyx Atelier color palette (#F3DDDE, #B15E3C, #4D003C, #15000F, #030100)

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