Muted Petrol color palette — #F1F3EC · #C5E1E4 · #AD91B1 · #36738E · #412F41

Built around Slate, softened by Dusty Rose — the whole palette hums with trust and stability.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C5E1E4): A whisper-light, dusty blue — the color of deep harbor water.
• Dusty Rose (#AD91B1): A luminous, dusty pink — the color of peonies in June.
• Slate (#36738E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#412F41): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Timeworn Parlor color palette (#F0F3EC, #C9E3DC, #708FBA, #00668F, #3B2138)
• Softworn Cobalt Terrace color palette (#FFECF2, #A791BF, #BE767D, #397FAE, #361F28)
• Cypress Terrace color palette (#F1F2EC, #C4E3DF, #69A6BC, #16797F, #1D3E31)
• Timeworn Denim color palette (#E2E6DA, #74A3C2, #005C96, #003747, #000A1E)
• Driftwood Courtyard color palette (#FFECF0, #E3D3CC, #B7A88C, #987EB0, #4B3236)
• Worn Coast color palette (#E9EBDD, #9DBCA8, #007794, #004B4E, #001925)
• Hushed Pewter color palette (#FFEBF6, #BAB0E0, #8D74B2, #70508E, #4C2731)
• Weathered Powder color palette (#EFF7F7, #D8DBEA, #92B4DC, #5E8DA5, #455468)

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