Muted Villa color palette — #E9F9F7 · #92C2A2 · #1D966F · #2B7067 · #0E3D3C

Fern takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9F9F7): a clean, paper-quiet neutral.
• Mint Leaf (#92C2A2): A luminous, dusty teal — the color of glacier melt.
• Fern (#1D966F): A luminous, balanced teal — the color of glacier melt.
• Teal (#2B7067): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#0E3D3C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Olive Study color palette (#ECF9F1, #B9B887, #7C8928, #3B6E65, #203C30)
• Hushed Lagoon Lagoon color palette (#E7FBEE, #A8DDD2, #429D7F, #3A6A80, #092F29)
• Softworn Cypress Garden color palette (#CFEBEC, #63B7A2, #00837A, #245A7F, #002F34)
• Jade Courtyard color palette (#D5E6E5, #35A981, #00715E, #00504F, #002021)
• Frosted Olive color palette (#D6F3E9, #87BE4E, #23900F, #00686B, #1E3600)
• Hushed Boulevard color palette (#EBF8F6, #A6DFEE, #27A4C9, #007B81, #1B3E55)
• Hushed Teal color palette (#ECF8F5, #AADDD6, #78A985, #638390, #3C524F)
• Dusty Pine color palette (#D4E6E3, #2A8950, #005337, #00313D, #000802)

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