Dusty Cocoa color palette — #F9F4EE · #DDD0B3 · #92A372 · #917383 · #614900

Bronze takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Wheat (#DDD0B3): A whisper-light, dusty gold — the color of honey in a jar.
• Moss (#92A372): A luminous, dusty green — the color of fresh herbs.
• Driftwood (#917383): A full-bodied, dusty rose — the color of a warm blush.
• Bronze (#614900): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Muted Fern color palette (#F6F6EC, #BECBA1, #4CA093, #8B6768, #3B4900)
• Stone Drift color palette (#EFF8F0, #BDDEEB, #88BBA9, #7F859B, #364C40)
• Driftwood Workshop color palette (#EEF8F1, #9FCDB5, #818557, #6F6072, #405248)
• Teal Villa color palette (#FFF2EE, #F4AFB5, #55C6BF, #C0727B, #3F543C)
• Weathered Emerald Hollow color palette (#FFF3E2, #BBC17A, #589945, #6B5E98, #3C3B34)
• Wandering Cocoa Field color palette (#FFF2EE, #DFF2BB, #E0DBCE, #C89B9E, #804225)
• Wandering Coral color palette (#FFF2EC, #FFC2BE, #DC837F, #955352, #403835)
• Dusty Cerulean Delta color palette (#F9F4EF, #C7DEED, #9EB0E1, #4B92A0, #644A57)

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