Dusty Cocoa color palette — #FBF0E3 · #BEA889 · #926D3F · #6C4013 · #2F2003

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

The five colors

• Cream (#FBF0E3): A whisper-light, dusty gold — the color of old brass.
• Camel (#BEA889): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#926D3F): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#6C4013): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2F2003): 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

• Washed Grove color palette (#F5F2E8, #C3BB9E, #988039, #645728, #302D16)
• Garnet Delta color palette (#FBE4D5, #CA926D, #9E5430, #7B1D00, #2D1500)
• Patina Bronze Garden color palette (#FFF1F5, #8DB198, #91693C, #714533, #2A4339)
• Ancient Study color palette (#F9E8DA, #A17F5E, #814200, #531F00, #170B00)
• Weathered Bronze Alley color palette (#ECDCC7, #8B6D1F, #5A3D00, #341D00, #070500)
• Washed Corridor color palette (#FDEDEF, #DBA592, #704368, #391A34, #170709)
• Hushed Plum color palette (#F8EFEF, #D8A0BB, #B6504E, #A62D74, #1B0803)
• Antique Studio color palette (#F9EEF8, #6187C2, #508449, #006052, #251225)

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