Muted Villa color palette — #F8F5EF · #C5DFF1 · #C6BBEC · #5E9CB2 · #5A4753

A conversation between Slate Blue and Lavender, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Powder Blue (#C5DFF1): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#C6BBEC): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#5E9CB2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5A4753): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Aged Lagoon Grove color palette (#F8F5EF, #BFE0E7, #9EC7ED, #5EA190, #375548)
• Softworn Petrol Quarry color palette (#EEF7F7, #D9DBEB, #839BB9, #407594, #43536C)
• Muted Dune color palette (#FFF1F4, #E6B9F0, #E3B25B, #56B3B7, #463236)
• Hushed Mallow Thicket color palette (#FFF0F9, #ECD3ED, #D0A4F9, #9872A0, #66484B)
• Tempered Oat color palette (#FFF1F4, #E3D8D2, #E5BCA3, #B5AEA5, #604E50)
• Worn Seafoam color palette (#FFF1F5, #F9D1E7, #ADDC93, #AE89C3, #46473F)
• Dusty Sky Drift color palette (#FAF4EC, #D3D8EA, #01BFF3, #00897F, #003958)
• Azure Grove color palette (#FAF4EB, #BFEEFF, #009DDE, #00696B, #001E3E)

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