Dusty Cocoa color palette — #F0DCCA · #8E6A3D · #643700 · #3A1800 · #090400

Bronze and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Bone (#F0DCCA): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#8E6A3D): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#643700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#3A1800): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#090400): A deep, shadowed, dusty gold — the color of old brass.

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

• Onyx Summit color palette (#F6E5EB, #91702A, #673800, #4D0D00, #001C10)
• Lowlit Loft color palette (#FEECCF, #745F00, #463300, #231500, #020200)
• Timeworn Chestnut color palette (#ECDECC, #AA9766, #815E14, #573600, #201600)
• Chestnut Pier color palette (#FAE0C9, #B2965F, #8C4E00, #5D1300, #040400)
• Mulberry Lagoon color palette (#F6EED2, #545700, #7D0046, #500300, #020200)
• Olive Corridor color palette (#E5EDDD, #728131, #003224, #1C161E, #000B06)
• Bronze Ridge color palette (#F6F2E5, #C1BCA3, #978139, #645823, #2F2D18)
• Hushed Bloom color palette (#DDEADE, #00898F, #314872, #003F41, #000201)

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