Muted Petrol color palette — #EDF4EE · #D7DBEF · #819EC7 · #267689 · #2C364A

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Silver (#D7DBEF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#819EC7): A luminous, dusty blue — the color of open sky before noon.
• Teal (#267689): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#2C364A): A deep, shadowed, dusty violet — the color of wild irises.

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

• Dusty Orchard color palette (#FAF4EE, #C5EDF0, #8798C6, #3B7B79, #624B55)
• Petrol Market color palette (#E2ECE4, #7AC0D0, #00759C, #004B48, #00172B)
• Frosted Boulevard color palette (#E6F3E9, #62A5CD, #0058A2, #003841, #02042B)
• Blush Quarry color palette (#E5F5F9, #66C7BC, #D87D90, #00837A, #3C2940)
• Ash Garden color palette (#E4F5FA, #CFD9E8, #B7A6AF, #679DA1, #2E434B)
• Ancient Ridge color palette (#CDF3F1, #76C2A6, #00A38F, #036967, #1B3E49)
• Cerulean Coast color palette (#ECF4EE, #9DDDE3, #0091AF, #006356, #00293B)
• Washed Lagoon color palette (#D7E5DA, #2A8886, #00444C, #002016, #000202)

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