Dusty Villa color palette — #FFF1F0 · #CF78A0 · #439A90 · #3B7B8B · #533C3A

Built around Dusty Rose, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Dusty Rose (#CF78A0): A luminous, balanced rose — the color of strawberry cream.
• Fern (#439A90): A luminous, balanced teal — the color of sea glass.
• Slate (#3B7B8B): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#533C3A): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Sophistication. Tagged muted.

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

• Patina Veranda color palette (#FFF1F5, #AE83CB, #509B79, #747770, #503C42)
• Muted Amber Courtyard color palette (#FFF2EB, #DD7854, #5492B3, #5E7197, #48413D)
• Tempered Delta color palette (#FFE3E8, #E8006A, #008096, #2D5E88, #49251E)
• Taupe Pier color palette (#F9EDFF, #C3899C, #AC8460, #79719F, #2D2332)
• Patina Quarry color palette (#FFF1F2, #E2DAD0, #C4C7A5, #9D818F, #5F4F4A)
• Muted Taupe Orchard color palette (#FFF2EF, #E09BAA, #C99B63, #9889B8, #523C38)
• Worn Terrace color palette (#FFDDC9, #D14000, #00789A, #335586, #3D2517)
• Ancient Shell color palette (#FFF2EF, #FFB2BC, #A96675, #6E3E46, #502F2B)

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