Dusty Cocoa color palette — #FFF3E8 · #B9A573 · #95673F · #7C3E22 · #3F3D36

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Camel (#B9A573): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#95673F): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#7C3E22): A full-bodied, balanced orange — the color of toasted spice.
• 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

• Dusty Corridor color palette (#FDF4E1, #9AB178, #7D7345, #744504, #374300)
• Antique Cocoa Thicket color palette (#FFECF2, #99B498, #8E6E4D, #664329, #142818)
• Antique Taupe color palette (#F4E5D6, #AB9642, #88571C, #60372F, #31312A)
• Wandering Basalt Courtyard color palette (#FFF3E7, #D5B996, #AA8866, #856046, #533700)
• Worn Drift color palette (#FFF1F6, #BBDAC1, #CCA380, #B37665, #244536)
• Dusty Terrace color palette (#DFFDF5, #0884DE, #8F6A1D, #694E14, #1C3933)
• Softworn Olive color palette (#F9EAD6, #7F7900, #5D3F00, #471600, #181700)
• Sky Study color palette (#EDF8F4, #46BAFB, #A45546, #1D668E, #311F17)

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