Dusty Villa color palette — #FFF1F3 · #E3A2C4 · #BE6268 · #8F523C · #504A45

Mocha and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Carnation (#E3A2C4): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#BE6268): A luminous, balanced red — the color of embers at dusk.
• Coffee (#8F523C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#504A45): quiet, heavy and certain.

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

Use it as a design system

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

• Dusty Peony Loft color palette (#FFF0F7, #C9A5DB, #B464A1, #8D5059, #534B48)
• Muted Rust Harbor color palette (#FFF2ED, #DC9D99, #2DACAF, #A85755, #3D543E)
• Antique Bronze color palette (#FFF2EC, #EDB4A4, #BC6B58, #7C4130, #403936)
• Amber Canyon color palette (#FFF2EE, #E69E8D, #C07831, #7B601D, #50534C)
• Weathered Coast color palette (#FBF4E9, #C1B895, #917E53, #844F1E, #484C00)
• Linen Coral Orchard color palette (#FFD7E1, #DE7866, #9E5500, #604300, #233F18)
• Softworn Cocoa Grove color palette (#FFF2EE, #E0DCCE, #ADD5AE, #A1767F, #793E1A)
• Tempered Cerulean color palette (#FFF1F1, #C67EA0, #0099B7, #527AA0, #503D3C)

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