Dusty Cocoa color palette — #EEDFE4 · #ABBFAA · #7C9681 · #663700 · #271B20

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

The five colors

• Shell Pink (#EEDFE4): bright and airy, almost weightless.
• Stone (#ABBFAA): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#7C9681): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#663700): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#271B20): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Muted Basalt Meadow color palette (#E7F1E9, #95B19F, #668877, #493300, #07180B)
• Softworn Garnet Garden color palette (#E9E1E7, #C9B1C0, #A38493, #7B1D15, #261C23)
• Antique Chestnut Hollow color palette (#F1EBE5, #CDC2B5, #ADA48F, #8F4D0B, #2C1B0B)
• Washed Fern Thicket color palette (#E4F2EF, #B6D3D0, #89A7A7, #39602C, #1C332F)
• Rust Lantern color palette (#EDE6E9, #B7C5C2, #90AFB3, #C65F00, #2A1922)
• Airy Boulevard color palette (#D5E4D6, #E98500, #A97500, #5D5300, #1C1200)
• Softworn Pewter color palette (#F1F7F0, #CFE1DD, #B3C5C3, #8A6F4C, #444A43)
• Timeworn Driftwood color palette (#F2EFDF, #828B50, #425E2F, #003F41, #14243E)

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