Dusty Cocoa color palette — #FBF0DF · #B8AA86 · #88723C · #69430A · #292303

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

The five colors

• Cream (#FBF0DF): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#B8AA86): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#88723C): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#69430A): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#292303): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Bronze Orchard color palette (#FAF0E8, #CDB7A0, #AD7446, #784A40, #362A19)
• Chestnut Meadow color palette (#E9DFCD, #9A9C6B, #736426, #543800, #1C1800)
• Softworn Bronze color palette (#EAFAED, #85B3A1, #8E6D16, #6E4730, #244440)
• Gentle Bloom color palette (#F7DACA, #C4783F, #9C3300, #6B0013, #1D0E00)
• Aged Boulevard color palette (#FDECF7, #797FC4, #9A6931, #3E5D0F, #251320)
• Lowlit Orchard color palette (#F2E7CD, #61670D, #3F3600, #221500, #010200)
• Misty Pier color palette (#EFE6FF, #C8A4CE, #A2608F, #7F1645, #4A0011)
• Muted Abyss color palette (#FBEEF4, #766BAF, #7E5000, #064B0A, #00160F)

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