Dusty Cocoa color palette — #F5E7EE · #97602F · #6D3200 · #411300 · #070200

Bronze and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F5E7EE): bright and airy, almost weightless.
• Ochre (#97602F): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#6D3200): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#411300): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#070200): A deep, shadowed, dusty gold — the color of old brass.

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

• Cellar Boulevard color palette (#FBDEC7, #A65E00, #5F2B00, #250800, #020100)
• Wandering Canyon color palette (#E4F5E8, #7F6F13, #554200, #312100, #040400)
• Quiet Mulberry color palette (#DAEBE1, #605200, #7B005B, #530015, #020200)
• Washed Chestnut Summit color palette (#D4E5DA, #958F4B, #725F00, #4E3A00, #171800)
• Timeworn Villa color palette (#F8D2E2, #CC9964, #B15F00, #853900, #3A2400)
• Hushed Chestnut color palette (#DBEEDF, #BCAE7B, #977C43, #7A5100, #0E3927)
• Lagoon Bloom color palette (#DCF1F6, #008680, #2C4D71, #00413E, #000204)
• Bronze Grove color palette (#FFF1F5, #BBD2BC, #B6956F, #956A47, #3C4D3F)

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