Muted Villa color palette — #E7DFD3 · #5A836D · #00405E · #001F20 · #000105

Navy and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#E7DFD3): bright and airy, almost weightless.
• Fern (#5A836D): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#00405E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. 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

• Hushed Navy Atelier color palette (#F2ECE3, #4B7EA2, #003A76, #001E25, #00000C)
• Velvet Abyss Lagoon color palette (#D5EBE9, #005E65, #003643, #00131D, #000103)
• Denim Corridor color palette (#D9E3DB, #5D9DB2, #005F89, #003B3C, #00091A)
• Ancient Lapis Archive color palette (#E2F1EA, #6491C9, #6251B0, #003841, #000104)
• Cocoa Coast color palette (#D1EADD, #00546D, #622700, #00222E, #030100)
• Cerulean Loft color palette (#F5F1EB, #B9CEB9, #008B9D, #005E48, #002531)
• Velvet Fern Harbor color palette (#EEE6D9, #5E520B, #372700, #190A00, #010100)
• Hazy Cobalt color palette (#EFE8DD, #91B8DA, #3369BC, #004959, #0C0E3C)

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