Muted Petrol color palette — #DFECE2 · #8BBAC8 · #008397 · #005B49 · #002331

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DFECE2): bright and airy, almost weightless.
• Ash (#8BBAC8): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#008397): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005B49): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002331): 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

• Petrol Balcony color palette (#D9E4DB, #6AADC2, #006F9B, #004A4A, #00142B)
• Muted Cerulean Pier color palette (#E6F2E8, #A2CBDF, #0093C2, #006C68, #003051)
• Wandering Glacier Study color palette (#FEF4E3, #62E2E6, #00899E, #005342, #000F17)
• Cobalt Meadow color palette (#E3ECE5, #91B6D7, #3E71CC, #00566B, #151153)
• Lagoon Chapel color palette (#F1F7F2, #CDDFF7, #62B1CD, #008E81, #2B4B64)
• Soft Delta color palette (#F9EED3, #8F7000, #007785, #91008F, #181000)
• Pale Sapphire Basin color palette (#DBF6DE, #AC7D00, #1871DC, #6B4D00, #00193E)
• Antique Chestnut color palette (#D7E3D8, #9E8C44, #7E5900, #5B3100, #171700)

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