Muted Petrol color palette — #FAF3F8 · #E7D7D8 · #CFBBB9 · #62749A · #4E444C

A conversation between Slate and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Silver (#E7D7D8): bright and airy, almost weightless.
• Stone (#CFBBB9): A luminous, dusty orange — the color of autumn markets.
• Slate (#62749A): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#4E444C): 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

• Softworn Petrol Field color palette (#F6EFF5, #E1D4D4, #CDB8B2, #5C75A1, #312931)
• Dusty Loft color palette (#FBF2F6, #E3D7D4, #AEAEA2, #967885, #595053)
• Garnet Canyon color palette (#EDDCDB, #CFB1A9, #A58778, #682D49, #2C1A19)
• Nightshade Ridge color palette (#FCF2F7, #E7C9D3, #BF9CA1, #5844AD, #3E2D36)
• Weathered Bronze color palette (#FFEEF8, #BBA2CF, #A87A7A, #7F641A, #445742)
• Muted Powder Chapel color palette (#FFF0F9, #BEDAFF, #B6AAFB, #B16FA6, #563544)
• Washed Basalt Garden color palette (#FAF5E6, #A4B78C, #577F58, #436159, #4A4400)
• Hushed Indigo color palette (#F7DCE9, #7855CD, #422A30, #281A21, #120A0B)

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