Muted Petrol color palette — #FFF0FA · #A4ADDA · #AF955D · #646EA3 · #514C46

Slate takes the lead with Caramel close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#A4ADDA): A luminous, dusty violet — the color of a velvet chair.
• Caramel (#AF955D): A luminous, balanced gold — the color of honey in a jar.
• Slate (#646EA3): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#514C46): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged 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

• Aged Pewter color palette (#FFF0F7, #B2A7DD, #86A373, #7567A6, #525000)
• Patina Petrol color palette (#EAFAF1, #77BBD6, #C8866E, #247D9C, #534B47)
• Patina Atelier color palette (#EBF2FF, #A3B2DE, #AD9C5C, #5469C3, #153925)
• Worn Iris color palette (#FEF0FB, #B5C3EE, #C9AF66, #6D85E2, #504D46)
• Softworn Ash Corridor color palette (#FFF0FB, #8895C9, #928C53, #607A4E, #4D3C48)
• Weathered Driftwood Garden color palette (#FDF1FC, #E7D9D6, #C8C39F, #6E9B84, #5A4852)
• Airy Mulberry color palette (#FFF1F0, #D184A7, #65995D, #94476D, #294C25)
• Wandering Cobalt Study color palette (#FFF0F9, #C5CAF8, #7878AE, #4D4B77, #4E2C3F)

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