Muted Petrol color palette — #EFF6FE · #DDD6E4 · #B6B0C0 · #456496 · #353B42

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

The five colors

• Ivory (#EFF6FE): a clean, paper-quiet neutral.
• Silver (#DDD6E4): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B6B0C0): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#456496): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#353B42): quiet, heavy and certain.

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

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

• Weathered Petrol color palette (#F6EFF4, #DED3D4, #C3B1BA, #55628E, #271D24)
• Wandering Driftwood Bloom color palette (#F5F4FC, #E3D7DE, #B4ACA4, #807DA0, #525259)
• Mulberry Summit color palette (#F6F4FB, #EDD3DC, #D0B2C1, #934D84, #423D4A)
• Ancient Ash Canyon color palette (#D0E7FF, #AD96CA, #907290, #3F605B, #29474E)
• Mulberry Coast color palette (#F1ECF6, #D7C6D5, #B597A2, #7D3961, #312B36)
• Worn Bloom color palette (#E3EAF7, #B7B7C8, #93899D, #2D3C85, #1A1F2A)
• Washed Periwinkle color palette (#F9F3F8, #E3D6D5, #D6BBB4, #749DF3, #423641)
• Worn Onyx color palette (#E5E3EC, #A294A7, #86657B, #430F4A, #0A0713)

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