Muted Petrol color palette — #EEE8DF · #7CBED5 · #0073A5 · #004B4C · #001630

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

The five colors

• Parchment (#EEE8DF): bright and airy, almost weightless.
• Sky (#7CBED5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001630): 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

• Washed Petrol color palette (#F9EAF2, #65BFDB, #006BB6, #005141, #262A4D)
• Weathered Veranda color palette (#F6F1EA, #AAD2C1, #3180C4, #005A64, #2E162C)
• Ultramarine Grove color palette (#E7E1D8, #68A2D2, #0050BA, #003744, #05012E)
• Hushed Coast color palette (#E4F3E7, #7FD2EE, #1A90C9, #006B6D, #092F53)
• Washed Navy color palette (#E6DDD0, #477FA3, #003A74, #001E25, #00000C)
• Blush Archive color palette (#F6DEEA, #E1B5FA, #DF74AA, #3C5192, #2C0A1A)
• Amethyst Studio color palette (#F7DAE8, #734ACE, #924600, #005A48, #0D0224)
• Washed Lapis color palette (#D6E5F5, #507BE4, #5226DE, #3F0082, #200333)

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