Muted Petrol color palette — #FAF2FB · #E4D4D8 · #D3AFCA · #2A6DAE · #463B48

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Silver (#E4D4D8): bright and airy, almost weightless.
• Rosewood Mist (#D3AFCA): A luminous, dusty pink — the color of peonies in June.
• Slate (#2A6DAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#463B48): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Indigo Parlor color palette (#FBF2F6, #EED4D0, #DAAFB8, #7555AD, #4D3942)
• Muted Grove color palette (#EDF7FF, #DAD7E9, #C6B9CF, #4A8DBD, #384149)
• Dusty Petrol Drift color palette (#E9F5F1, #F1D6DB, #D4B5C2, #1671A8, #172924)
• Denim Studio color palette (#F4ECF3, #D5C7D1, #B993AA, #27509E, #362935)
• Dusty Petrol color palette (#F0F7F3, #C7E1E1, #98C8B8, #00768F, #32453A)
• Washed Pewter color palette (#E8EAFF, #BAAAE3, #8E6897, #7C4F50, #4B4841)
• Weathered Driftwood Atelier color palette (#FBF3F4, #E0D8D4, #ACAEA1, #9D767C, #595051)
• Violet Chapel color palette (#FFF0FC, #96CCFF, #91AEFF, #8357E1, #282E5C)

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