Muted Petrol Drift color palette — #DDEDEC · #89BADE · #286FAC · #00485E · #001435

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

The five colors

• Frost (#DDEDEC): bright and airy, almost weightless.
• Sky (#89BADE): A luminous, dusty blue — the color of open sky before noon.
• Slate (#286FAC): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00485E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001435): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Petrol Drift 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

• Softworn Petrol color palette (#DAEEEA, #81C0C1, #007984, #004C44, #001A1F)
• Weathered Petrol color palette (#F6EDE4, #8FBDAD, #4366A8, #004F55, #292559)
• Softworn Cobalt Courtyard color palette (#EDF0E4, #A6CFC0, #308BD7, #006785, #082D5A)
• Timeworn Canyon color palette (#EAF4F4, #D6D9EC, #829FC1, #3E728D, #28374D)
• Wandering Cerulean color palette (#D8F1EE, #4595B2, #00506F, #002B31, #00050B)
• Frosted Ultramarine color palette (#C7F0F1, #007A7D, #2554C1, #345800, #000E0E)
• Bronze Terrace color palette (#D5F4F9, #009385, #886400, #00524A, #1A1000)
• Cocoa Grove color palette (#F7E8F0, #AC7959, #804124, #541C10, #1A0900)

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