Muted Petrol color palette — #F4F6EF · #C8E4E7 · #AB8DAD · #44768E · #614A5F

A conversation between Slate and Dusty Rose, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C8E4E7): A whisper-light, dusty blue — the color of open sky before noon.
• Dusty Rose (#AB8DAD): A luminous, dusty pink — the color of neon signs at night.
• Slate (#44768E): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#614A5F): A full-bodied, dusty pink — the color of a candy shop window.

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

• Tempered Petrol Pier color palette (#F6F1EC, #CBE0E3, #B190AC, #287781, #482B3C)
• Muted Petrol color palette (#F4F6EF, #C7E5E6, #769FBD, #37798B, #2D534A)
• Cerulean Orchard color palette (#FAF3F5, #DBDDEC, #9CB2D6, #2D96A4, #4A516D)
• Wandering Petrol Summit color palette (#EEF0E3, #7FBCCD, #007392, #004F54, #003248)
• Timeworn Driftwood Harbor color palette (#FFF2EA, #D6A380, #B17F50, #835D2D, #515049)
• Lagoon Coast color palette (#FFF3E4, #B49161, #6B9766, #A1616B, #46413B)
• Lagoon Thicket color palette (#E7E8DA, #3D8F90, #00454B, #00231E, #000C0F)
• Cocoa Terrace color palette (#FEF3E4, #DBDFC8, #A6C7B1, #9F8364, #644700)

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