Dusty Cocoa color palette — #FEF0DD · #B6AB88 · #89714A · #733B0E · #24240A

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

The five colors

• Cream (#FEF0DD): A whisper-light, dusty gold — the color of old brass.
• Sage (#B6AB88): A luminous, dusty green — the color of fresh herbs.
• Walnut (#89714A): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#733B0E): A full-bodied, balanced gold — the color of old brass.
• Onyx (#24240A): 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

• Garnet Atelier color palette (#FFE3CD, #B89C67, #98592A, #742329, #1D1E00)
• Wandering Cocoa color palette (#FCF4E8, #B2A68A, #876E41, #70471B, #3F3D36)
• Bronze Archive color palette (#FDDEFF, #DA92A0, #A35F4D, #654400, #212200)
• Antique Thicket color palette (#F0DBC6, #97854B, #7A4700, #571911, #0B1100)
• Antique Harbor color palette (#EDF9EF, #A6C6B7, #A58B5E, #90593F, #1E453F)
• Weathered Olive color palette (#EEDEC4, #6F7928, #554000, #3A1800, #000800)
• Patina Bronze color palette (#F9F0E5, #9A6E09, #765306, #004B3C, #1F0A0E)
• Softworn Chapel color palette (#FAEFF0, #D0A1CF, #82762B, #864B86, #140D01)

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