Muted Petrol color palette — #FFF0FC · #EAD3EC · #D2A1DA · #0073A7 · #0F0E31

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

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Thistle (#EAD3EC): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#D2A1DA): A luminous, balanced pink — the color of peonies in June.
• Slate (#0073A7): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#0F0E31): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Denim Villa color palette (#FFF0F7, #F5C7F9, #E194B8, #4C58A2, #1A082A)
• Wandering Powder color palette (#DDFFE9, #C9E7FF, #9BB2FF, #007676, #00121B)
• Frosted Meadow color palette (#EEDCED, #CDBEFF, #F18DAF, #0094A7, #26214B)
• Quiet Peony Station color palette (#D7EDFF, #BAA5E1, #D06389, #00565C, #06092A)
• Hushed Orchid color palette (#D0E0F8, #ADABEB, #A465BB, #004973, #14203E)
• Cornflower Orchard color palette (#FFF1F7, #EBD7DE, #BDB6A5, #697DDC, #391850)
• Pale Aubergine color palette (#FED0DB, #E197C7, #CC737E, #4D3889, #030003)
• Washed Violet color palette (#FFF1F1, #E4D7D3, #FDB49C, #9361A5, #35120F)

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