Muted Petrol color palette — #F0F5FE · #DDD6E3 · #B5AFC7 · #54628B · #353B45

Slate and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F0F5FE): a clean, paper-quiet neutral.
• Silver (#DDD6E3): a clean, paper-quiet neutral.
• Ash (#B5AFC7): A luminous, dusty violet — the color of a velvet chair.
• Slate (#54628B): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#353B45): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Washed Cerulean color palette (#F9F3F8, #E3D6D4, #D0B9AE, #6B80AC, #423640)
• Pewter Balcony color palette (#F8F3FD, #EFD2DC, #CEB3C3, #935176, #443C4C)
• Patina Pewter color palette (#D4E3FF, #BAA0CF, #9C6471, #2D5B5A, #20414D)
• Aubergine Grove color palette (#F4F4FF, #D8CEE3, #B59EB7, #7B3499, #322F48)
• Aubergine Dune color palette (#EBECF7, #ACA4C0, #8C7596, #432467, #111124)
• Weathered Taupe Market color palette (#E8FBEF, #8CA56D, #39704D, #464866, #203B35)
• Wisteria Boulevard color palette (#F3F4FF, #9CD0FF, #BA88FA, #A65175, #2C2945)
• Hazy Cornflower Atelier color palette (#C9FAF3, #5582DE, #7A3E85, #214B1A, #282F46)

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