Dusty Cocoa color palette — #FFF3E5 · #B9A480 · #8B6C45 · #714627 · #3F3D36

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#B9A480): A luminous, dusty gold — the color of old brass.
• Walnut (#8B6C45): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#714627): A full-bodied, dusty gold — the color of old brass.
• Charcoal (#3F3D36): quiet, heavy and certain.

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

• Ancient Cocoa Market color palette (#F2E6D8, #A99469, #85591D, #6C3100, #33302A)
• Chalky Cocoa Drift color palette (#FFE9F0, #DA9EA1, #A45A4D, #7C3D00, #543300)
• Antique Bronze color palette (#F9F5E8, #BDB99E, #957E36, #79570B, #4B4B00)
• Wandering Taupe Grove color palette (#E8FCE7, #E2CFA1, #C7A67C, #A17C8D, #2D4338)
• Timeworn Dune color palette (#EDF9EC, #A1C9B2, #B88342, #7F5C75, #27443C)
• Dusty Cocoa Drift color palette (#E8DFD2, #83763F, #5B4000, #3D2000, #171800)
• Ancient Mulberry Bloom color palette (#FBF3F3, #D29BBE, #A6543C, #97307A, #331E13)
• Patina Mulberry color palette (#FEF2F3, #C4AB79, #6D3C6D, #421E42, #2D1C1F)

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