Dusty Cocoa color palette — #FFF1F6 · #C9AFD6 · #A37B9B · #813B23 · #3C1E02

A conversation between Rust and Dusty Rose, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mauve (#C9AFD6): A luminous, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#A37B9B): A luminous, dusty pink — the color of peonies in June.
• Rust (#813B23): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#3C1E02): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Mulberry Meadow color palette (#F0F5FF, #B9C2F5, #9287B0, #87415B, #4C2325)
• Washed Chestnut Loft color palette (#FFEBF9, #E7B3CA, #AA7F75, #7E5500, #3C3000)
• Washed Mulberry Summit color palette (#FDE1F5, #B58499, #9B4354, #3C2600, #0C0900)
• Weathered Corridor color palette (#CDEBF9, #A0ACEA, #B484BB, #6A774C, #3C3C35)
• Timeworn Lilac Meadow color palette (#E7EEFF, #9A95D0, #65668B, #523E56, #1B3F47)
• Tempered Fern color palette (#FFF2ED, #E0D9CE, #CFB8A5, #96916F, #565500)
• Timeworn Study color palette (#FFF1F1, #F0D7BD, #C49678, #687432, #2E4822)
• Soft Grape Meadow color palette (#FFF1F6, #BC96E9, #E76427, #8229C8, #2F0B00)

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