Muted Petrol color palette — #EDF2F9 · #DAD6E4 · #C3B9CA · #5E7797 · #282C32

Built around Slate, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#EDF2F9): a clean, paper-quiet neutral.
• Silver (#DAD6E4): a clean, paper-quiet neutral.
• Ash (#C3B9CA): A luminous, dusty violet — the color of a velvet chair.
• Slate (#5E7797): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#282C32): 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 Lagoon color palette (#F9F3F9, #E4D7D8, #D0BAB6, #5476A3, #4C454C)
• Muted Alley color palette (#F3F0F8, #E4D0DB, #C0B2C0, #825277, #221E28)
• Weathered Powder Coast color palette (#E6EFFF, #C0B0DB, #A17B95, #42604E, #183B34)
• Hushed Ash color palette (#F0F6FC, #DDD9E3, #BCB2AA, #81A1C4, #394048)
• Dusty Parlor color palette (#E6EEFE, #999FB4, #797993, #212F6F, #01040E)
• Lilac Courtyard color palette (#EDF2FF, #AEDAFF, #B0B8FF, #B177B1, #1A1C35)
• Olive Garden color palette (#E7F6ED, #ACBB87, #5B8150, #3F586D, #102D25)
• Hushed Alley color palette (#E8E4ED, #BEACC2, #9B8697, #6D244F, #0E0714)

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