Muted Petrol color palette — #FFF0F8 · #FED0E2 · #CBA9D0 · #616BA4 · #513542

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Shell Pink (#FED0E2): A whisper-light, dusty rose — the color of a warm blush.
• Mauve (#CBA9D0): A luminous, dusty pink — the color of neon signs at night.
• Slate (#616BA4): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#513542): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: 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

• Muted Study color palette (#FFF1F2, #F2D5C2, #E0A2A9, #7F5A82, #553333)
• Washed Cobalt color palette (#FEECF8, #EDD1FF, #DD96AD, #2C74B0, #3B1B28)
• Cobalt Balcony color palette (#F1F5FF, #F5D4FE, #F4A3B9, #2D8CC7, #3C4062)
• Softworn Ash color palette (#DEFEF3, #EDCBEC, #9BA5DC, #316F8E, #1F4E44)
• Grape Lagoon color palette (#FFEFFA, #F7ABD3, #E4869C, #86399A, #4D223D)
• Soft Aubergine color palette (#FFE1E6, #D491C7, #A65B7E, #511475, #280B26)
• Softworn Driftwood Alley color palette (#FFF1F1, #E2D8D0, #A7B59D, #AA8186, #654E4B)
• Patina Mulberry Studio color palette (#FFE8E0, #F5BDB0, #CA8158, #8D3E53, #39322F)

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