Dusty Cocoa Villa color palette — #FFF0F9 · #C2A5D9 · #A5729C · #855165 · #783B1E

A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Mauve (#C2A5D9): A luminous, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#A5729C): A luminous, balanced pink — the color of neon signs at night.
• Graphite (#855165): A full-bodied, dusty rose — the color of pressed rose petals.
• Bronze (#783B1E): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

One click turns Dusty Cocoa Villa 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

• Weathered Iris Boulevard color palette (#D8FFF4, #ABB9EF, #937BB6, #7C557B, #6F4844)
• Worn Mulberry color palette (#F0F0FF, #C5A4CE, #AA74A4, #863F69, #3D2B44)
• Dusty Lantern color palette (#FFF1F1, #D29EBA, #6CA980, #9A5B7F, #4C4E47)
• Mallow Veranda color palette (#F2F5FF, #E8CBFF, #EB9DDE, #BB7D90, #5F4B5E)
• Tempered Coast color palette (#FFF1F2, #E2DAD0, #AFCBAB, #AA879A, #5C4644)
• Ancient Plum Pier color palette (#F9E1F8, #CF7196, #B14654, #7F2D00, #563300)
• Timeworn Bronze Garden color palette (#FFF2EA, #CBB498, #AC7046, #74554D, #594500)
• Tempered Meadow color palette (#FFF1F2, #BF81AB, #479B87, #307D87, #543B3C)

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