Dusty Cocoa color palette — #FFF2ED · #E0DDCD · #AFC1DC · #D0A9AA · #773E16

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0DDCD): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#AFC1DC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Rosewood Mist (#D0A9AA): A luminous, dusty red — the color of late-summer berries.
• Bronze (#773E16): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, 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

• Tempered Fern Parlor color palette (#FFF4DE, #D0EBCA, #C3CCE0, #CE9A81, #564B00)
• Stone Terrace color palette (#FFF0FB, #CAEFD4, #E7D7D6, #E3A5AD, #5E4A54)
• Patina Basalt color palette (#FFE8E8, #D2CBD5, #A49795, #57433D, #2B211E)
• Muted Archive color palette (#FBF4ED, #CBDECC, #AC7A43, #643B00, #221911)
• Patina Bronze Villa color palette (#FCF4E6, #D3E6C4, #BEAC8A, #A26D3A, #3C4500)
• Stone Basin color palette (#FDF3E8, #E4BC85, #95B0D9, #6C83A6, #35312B)
• Blush Meadow color palette (#FFF2EA, #D5FFD3, #DEE2CB, #D07593, #4F330E)
• Muted Canyon color palette (#F1D8D5, #D7BA8A, #6BA45F, #661F50, #020100)

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