Muted Villa color palette — #F8ECE6 · #8AD2DB · #2991C2 · #007045 · #182C55

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8ECE6): bright and airy, almost weightless.
• Ice Blue (#8AD2DB): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#2991C2): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007045): A full-bodied, balanced teal — the color of sea glass.
• Navy (#182C55): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Dusty Azure color palette (#FDF1FA, #B6F2FB, #009FD1, #006C55, #001F3E)
• Worn Summit color palette (#FFF2EB, #9CE1F3, #4F9CD9, #2F7C63, #4E2E46)
• Tempered Thicket color palette (#F7EDE1, #95CAF9, #6E7ED8, #006B6E, #36224E)
• Antique Petrol Dune color palette (#E5F2EF, #8DB9CA, #007589, #00504F, #003343)
• Tempered Turquoise Boulevard color palette (#EEEFE7, #BDDCC4, #00B8D5, #00918F, #003442)
• Ancient Teal Orchard color palette (#D9EDDD, #00B6A5, #008896, #005772, #0C325A)
• Muted Mallow Harbor color palette (#DDF8E2, #A2D5FF, #C79ED9, #4D8D68, #193F32)
• Ancient Study color palette (#C4EFFF, #00BFF2, #0081A1, #004B5D, #001821)

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