Muted Petrol color palette — #ECF7FF · #C2C5E4 · #AB95B6 · #4D7A90 · #37546B
A conversation between Slate and Mauve, giving this palette its sense of sophistication.
The five colors
- Ivory (#ECF7FF): bright and airy, almost weightless.
- Lilac Frost (#C2C5E4): A whisper-light, dusty violet — the color of twilight just after sunset.
- Mauve (#AB95B6): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#4D7A90): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Peacock (#37546B): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Muted Petrol 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
- Washed Coast color palette (#FAF3F5, #D8DCF6, #96A0DB, #008B92, #434463)
- Weathered Stone Harbor color palette (#F5F3FF, #E2D1F0, #CEA9C6, #71948F, #33555A)
- Cobalt Terrace color palette (#F7E6FF, #C2B4D9, #BE7E72, #3277B4, #5F3F6C)
- Muted Navy Coast color palette (#EFEAFF, #BAA7EA, #AE698A, #006874, #2E3581)
- Weathered Studio color palette (#F3E6FF, #AE9EBC, #8F6E8C, #155D92, #422B4C)
- Ancient Lagoon color palette (#E0D8FE, #C8AAC6, #9F8C5D, #705C8A, #3C3C5D)
- Aubergine Cabin color palette (#EED7E9, #B38EA8, #80733E, #5A386D, #33183B)
- Terracotta Bloom color palette (#D5E1FC, #9B72A8, #9E4645, #004860, #00202E)
Browse the whole catalog at Explore, or see today's palette.