Dusty Petrol color palette — #F1F6FB · #DDD9E3 · #CBBACE · #5975A0 · #43484F

Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DDD9E3): bright and airy, almost weightless.
• Stone (#CBBACE): A luminous, dusty pink — the color of neon signs at night.
• Slate (#5975A0): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#43484F): quiet, heavy and certain.

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

Use it as a design system

One click turns Dusty 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

• Hushed Pewter Parlor color palette (#F4F4FD, #E6D4E0, #CAB3CC, #83539A, #3F3E4C)
• Washed Cypress Ridge color palette (#EEF6FF, #A6ACCC, #8F7F9D, #45706F, #3F545D)
• Weathered Veranda color palette (#EFF8F1, #90BAA9, #54814A, #4F587A, #2F493F)
• Tempered Indigo Ridge color palette (#E0E4F3, #725CC5, #342D48, #1B1E2C, #0C0B13)
• Mulberry Lantern color palette (#EFEDF5, #D2C8D8, #B097AD, #713E75, #2F2B3B)
• Tempered Orchard color palette (#DDE3ED, #A4A8BE, #947293, #1B2886, #0D1421)
• Tempered Peony Meadow color palette (#F2F5FF, #BDEBFF, #ADA7FF, #BE6DA7, #3B3D58)
• Pale Mulberry Veranda color palette (#EDF6FF, #4F8FC0, #A6344B, #265421, #004333)

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