Muted Petrol Villa color palette — #EEF8F5 · #E4D3D0 · #CEB7BB · #587797 · #3F4B48

Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Bone (#E4D3D0): a clean, paper-quiet neutral.
• Stone (#CEB7BB): A luminous, dusty red — the color of embers at dusk.
• Slate (#587797): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3F4B48): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Muted Petrol 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

• Weathered Petrol Harbor color palette (#EBF4F1, #DDD0CD, #C6B5B6, #487AA3, #242F2C)
• Wandering Drift color palette (#FBF2F7, #E4D7D6, #B2AEA3, #95778A, #594F55)
• Aged Orchard color palette (#FBF2F9, #E6C9DA, #A8A0CA, #4050A9, #3E2C3A)
• Washed Chestnut color palette (#FFF0F9, #D7AEBF, #96767E, #94533B, #7B421A)
• Sky Coast color palette (#F0F7F4, #DCD5D2, #62B5EC, #A3A99B, #3A4C46)
• Ancient Powder color palette (#FFF0FC, #CDE5FF, #96B4FF, #857EBD, #4C3045)
• Basalt Delta color palette (#FAF5E7, #AEB57E, #6B7A4F, #4F5F49, #4E4200)
• Tempered Navy Harbor color palette (#E5DCE4, #BAA0B3, #977289, #0A3278, #1A1019)

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