Dusty Cocoa color palette — #FBEFE5 · #B8A98E · #926C4B · #6F3C35 · #27230A

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

The five colors

• Cream (#FBEFE5): bright and airy, almost weightless.
• Camel (#B8A98E): A luminous, dusty gold — the color of old brass.
• Walnut (#926C4B): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#6F3C35): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#27230A): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Antique Bronze Villa color palette (#F7F1E5, #BFBDA0, #9C7E39, #744F2D, #2A2E1E)
• Chestnut Basin color palette (#F0DDC9, #A3996A, #8A5810, #672717, #1B1900)
• Dusty Bronze color palette (#FFF1F6, #CAE5CC, #BF946C, #96593B, #21382A)
• Olive Veranda color palette (#ECE1D3, #76762B, #593E00, #3D1500, #010700)
• Iris Canyon color palette (#FFECF1, #9A74B2, #9B5570, #674E00, #2B1019)
• Washed Petrol color palette (#EBF4F1, #88B9E1, #A65973, #006AA4, #190907)
• Airy Mulberry Garden color palette (#CBFFED, #9FABDD, #8D67AD, #761B5D, #490013)
• Washed Onyx Market color palette (#F8EEF8, #CFAC8C, #39577C, #05274D, #110912)

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