Dusty Cocoa color palette — #ECDED4 · #A37F4D · #804120 · #581524 · #110F00

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

The five colors

• Parchment (#ECDED4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#A37F4D): A luminous, balanced gold — the color of old brass.
• Bronze (#804120): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#581524): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#110F00): 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

• Timeworn Taupe color palette (#EDDDD1, #AF955E, #85593A, #5D2E2E, #1E1700)
• Ancient Chestnut color palette (#F8ECD4, #7E8E53, #665300, #4C2600, #0D1000)
• Patina Harbor color palette (#FFF0F8, #D3A982, #AD5E31, #732D22, #001804)
• Bronze Terrace color palette (#FCEFE7, #CAB8A3, #AF724A, #6F4F47, #312B1D)
• Tempered Fern Villa color palette (#D5E8D7, #00737A, #605600, #3D3700, #000B02)
• Powdered Mulberry Grove color palette (#DCE8E1, #009DBE, #9D0E36, #004F61, #070100)
• Tempered Ember Balcony color palette (#F0E2F1, #CD6E61, #003870, #00112B, #040005)
• Pale Field color palette (#CCEAF6, #648BD6, #5C49A9, #4D0045, #1F0006)

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