Dusty Petrol color palette — #EEF6FE · #D9D7E5 · #B4BADB · #0072A5 · #32424F

A conversation between Slate and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EEF6FE): bright and airy, almost weightless.
• Silver (#D9D7E5): a clean, paper-quiet neutral.
• Ash (#B4BADB): A luminous, dusty violet — the color of a velvet chair.
• Slate (#0072A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#32424F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Tempered Petrol color palette (#ECF4F1, #E4D5D9, #D2B5CC, #0D70B2, #172924)
• Aged Denim Station color palette (#EAEFF4, #C8CCD6, #9E9EB3, #005698, #222F3D)
• Washed Cabin color palette (#F2F5FD, #DED6DF, #C2B6CE, #6852C9, #3A3F4F)
• Muted Driftwood Balcony color palette (#F5F4FB, #DED8DC, #B3AAA3, #92769D, #525258)
• Linen Fern color palette (#AEF4FF, #8CAAC5, #8470A9, #615900, #0D532A)
• Velvet Sapphire color palette (#DCE9FE, #3E5BD0, #331F48, #0C1534, #060816)
• Ancient Turquoise color palette (#EAF9F3, #ECD5D0, #AFA492, #66ADD9, #2E463D)
• Muted Station color palette (#FFF1F6, #B5A267, #647200, #344D8C, #483900)

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