Muted Villa color palette — #F5F6EE · #D3DFD6 · #9DB2CA · #67986A · #2E2F28

Fern and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#D3DFD6): bright and airy, almost weightless.
• Ash (#9DB2CA): A luminous, dusty blue — the color of deep harbor water.
• Fern (#67986A): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#2E2F28): quiet, heavy and certain.

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

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 Drift color palette (#F1F7F0, #BDDFE5, #B8BAC5, #00918A, #1B2918)
• Muted Taupe color palette (#F5F6ED, #CDE1D4, #ABC8BF, #8BAA7D, #3B3B30)
• Muted Grove color palette (#E4EDE6, #A9C1B4, #779B8C, #00444E, #000200)
• Dusty Fern color palette (#F5F6EE, #D1DDD6, #A8B8AC, #4B7034, #3E3D00)
• Muted Terrace color palette (#F6F6E8, #B1DEAF, #3BA063, #536C40, #272A15)
• Hushed Turquoise color palette (#E4FFD8, #A1DEE1, #57ADC2, #64688F, #533341)
• Tempered Denim Delta color palette (#FAF7D7, #69CE9D, #009283, #155192, #192606)
• Feathered Seafoam color palette (#F0F9E4, #BEEEE1, #56FCB7, #00C3BC, #002C20)

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