Dusty Cocoa color palette — #FFF2EA · #ECD5BF · #D2AE94 · #A98A7C · #624000

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#ECD5BF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#D2AE94): A luminous, dusty gold — the color of old brass.
• Caramel (#A98A7C): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#624000): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Ancient Archive color palette (#FFF1F3, #FCC8DE, #E3A1AA, #C07A75, #723010)
• Apricot Studio color palette (#FFEBD5, #E3C483, #D7943B, #B16C40, #3E3602)
• Aged Dune color palette (#FFF1F5, #D1B5E9, #C3B68B, #7AA58B, #4A373D)
• Patina Driftwood color palette (#FFF1F8, #CEEDE4, #C7A2B6, #9C6B70, #2F453A)
• Tempered Boulevard color palette (#FCEDF5, #D1B1BD, #A37761, #694E63, #233024)
• Timeworn Amber color palette (#EFE0CB, #C3B26B, #AE873F, #8F5F31, #2C2300)
• Powdered Moss color palette (#F3E9CE, #99A852, #897F1D, #735500, #0B1B00)
• Quiet Veranda color palette (#F9DBC8, #C87A32, #B24901, #891F1D, #130900)

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