Muted Petrol color palette — #EEF0E6 · #7CBDCA · #00748C · #004F51 · #003344

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

The five colors

• Cream (#EEF0E6): bright and airy, almost weightless.
• Ash (#7CBDCA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#003344): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, 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

• Cerulean Field color palette (#F4F6EC, #AACFBA, #2D82A5, #005E68, #153F57)
• Dusty Denim Basin color palette (#E3E7DB, #7AAB97, #005D8D, #003C4A, #00203D)
• Wandering Drift color palette (#D6FBE8, #A2CFEE, #7599C8, #006271, #0F3E30)
• Worn Terrace color palette (#E1F3F0, #9AE1ED, #00B7DA, #009092, #003344)
• Wandering Grove color palette (#F5F6EE, #C5E8E4, #7BA48F, #2F7B80, #385146)
• Azure Villa color palette (#BDEBFF, #0BA5D8, #005D7A, #002F3F, #001722)
• Timeworn Parlor color palette (#EDF0E4, #478AA6, #00415F, #002128, #000A16)
• Byzantium Coast color palette (#CBE6D5, #008DA8, #884CA3, #005263, #3B114D)

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