Muted Villa color palette — #FFF0F9 · #CDD0FF · #CECA8B · #9FA1E1 · #4F4D46

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lilac Frost (#CDD0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Pistachio (#CECA8B): A whisper-light, balanced green — the color of fresh herbs.
• Mauve (#9FA1E1): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#4F4D46): a grounded near-black with real depth.

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

Use it as a design system

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

• Ancient Mallow Harbor color palette (#FFF1F3, #FDBCF6, #9FD7A7, #C696C1, #4C4E47)
• Muted Cocoa color palette (#E8FAF5, #B5D9FF, #F0BB88, #86ACD4, #6E4100)
• Weathered Corridor color palette (#FFF0F9, #BCBDFD, #BEB36C, #8586BA, #504D46)
• Airy Orchid Lantern color palette (#FFF1F6, #D4B3FF, #B1D22B, #A767EA, #344100)
• Sand Delta color palette (#FEF2F4, #F5DBA5, #B291B5, #816469, #34282A)
• Cocoa Hollow color palette (#FDF3E9, #EBD6B5, #CEB08E, #A48D7B, #5A4400)
• Muted Glacier color palette (#72FFF8, #FFD3AC, #EFC0FF, #746266, #3D3235)
• Dusty Cobalt Studio color palette (#ECF2FD, #A6B1DD, #4DB09D, #5C6AB9, #00383F)

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