Dusty Cocoa color palette — #E4DDD6 · #BDB9AC · #8D9270 · #623A00 · #2D1B06

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

The five colors

• Bone (#E4DDD6): bright and airy, almost weightless.
• Stone (#BDB9AC): soft and architectural.
• Eucalyptus (#8D9270): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#623A00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2D1B06): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Patina Garnet Field color palette (#EFE5E1, #C0B7AF, #9A8D71, #820721, #31170F)
• Hushed Garden color palette (#EDE8DE, #ACAA98, #708949, #463500, #1C1201)
• Washed Chestnut color palette (#F4EDE4, #CAC3B7, #A4A97D, #835600, #261E13)
• Washed Coast color palette (#EEEFE9, #C6D0C2, #8DA899, #056715, #2D2F22)
• Bronze Meadow color palette (#F9F4EF, #D8DDD4, #B7C4BA, #976B05, #4E473D)
• Aubergine Workshop color palette (#FFE7E4, #B2764C, #625F24, #561855, #441917)
• Muted Garnet color palette (#EAE7D1, #4B8968, #004F4E, #570139, #002112)
• Washed Studio color palette (#F1E2C9, #F8777D, #A17F00, #006C46, #161700)

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