Muted Petrol color palette — #FBF2F7 · #BBB9F0 · #A76584 · #6864A3 · #392928

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Lavender (#BBB9F0): A luminous, dusty violet — the color of wild irises.
• Mocha (#A76584): A full-bodied, balanced rose — the color of a warm blush.
• Slate (#6864A3): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#392928): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Antique Petrol color palette (#EEF8F4, #99C7E5, #8D6DA7, #2275A2, #3A282E)
• Patina Boulevard color palette (#FCF2F3, #DEAFD4, #AB695B, #8A5A81, #332C29)
• Tempered Balcony color palette (#F6F0F5, #ACC4EF, #A5784F, #446EC0, #1F1306)
• Dusty Lagoon color palette (#FEF4E4, #B89BC7, #946879, #516031, #5A3F43)
• Weathered Cornflower color palette (#F1F5FB, #BAD3F5, #C98B69, #5C8CDA, #3A2731)
• Timeworn Balcony color palette (#FFF1F7, #877FB2, #856334, #315737, #263831)
• Ancient Chapel color palette (#FFF1F3, #EBD6EA, #F6B3CC, #C47A81, #5B3E3F)
• Patina Terracotta color palette (#FEF1F3, #C47CBD, #9C3826, #743070, #281106)

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