Dusty Villa color palette — #F4F6EE · #D1DDD6 · #ABCDC1 · #72B17D · #3A3C31

Built around Jade, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Silver (#D1DDD6): bright and airy, almost weightless.
• Pistachio (#ABCDC1): A whisper-light, dusty teal — the color of sea glass.
• Jade (#72B17D): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#3A3C31): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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 Hollow color palette (#F6F6E6, #A1DAAD, #1EBA91, #758C62, #35362F)
• Teal Villa color palette (#EEF9EE, #C4E1DD, #B2C9F7, #00AEAC, #263825)
• Dusty Teal Quarry color palette (#D7E6CF, #00B499, #1F6E73, #35412E, #0C0F06)
• Emerald Boulevard color palette (#E4E7DE, #B2C5BC, #8BB0A8, #009863, #1D2116)
• Linen Mint Loft color palette (#FBECD6, #78D09B, #00ADAE, #965B98, #28351A)
• Worn Stone Market color palette (#F1F7F2, #D2DCDC, #DEBABF, #A8B4BD, #4F544F)
• Timeworn Cocoa color palette (#D8E6C7, #AECCAE, #61ACD0, #957272, #73351D)
• Azure Garden color palette (#E8F1ED, #E2D0D6, #D4B2B7, #409CCF, #24312C)

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