Dusty Villa color palette — #F9F2FF · #EFD6CF · #F3A296 · #9A6C55 · #5F434E

Built around Melon, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Bone (#EFD6CF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#F3A296): A luminous, balanced orange — the color of sun-warmed clay.
• Walnut (#9A6C55): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#5F434E): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, 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

• Worn Boulevard color palette (#FFF2F0, #E7ADB3, #BE6E69, #924936, #504A45)
• Ancient Marigold Hollow color palette (#FFF0FA, #EBDFBF, #E3AF6C, #8F7D51, #375549)
• Dusty Stone Grove color palette (#FFF0F8, #E5DED3, #E2A087, #875C43, #3E2233)
• Apricot Market color palette (#FFDFDF, #FF946D, #A75E00, #684500, #241D00)
• Glacier Thicket color palette (#FFF0FA, #F0D8C1, #7FDDE5, #C68877, #2D4B55)
• Soft Tangerine Boulevard color palette (#FFF1F2, #FFBEB1, #F96803, #884E00, #4A3800)
• Amber Delta color palette (#FFF2EE, #FFAE77, #BD7D00, #7B5D00, #383300)
• Tempered Amber color palette (#FFF2EA, #FFD19B, #B9961C, #6E732E, #16473E)

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