Dusty Petrol color palette — #F2F5FD · #E1D5E3 · #BBADC3 · #5A608C · #363A45

Slate takes the lead with Ash close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F2F5FD): bright and airy, almost weightless.
• Silver (#E1D5E3): A whisper-light, dusty pink — the color of neon signs at night.
• Ash (#BBADC3): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#5A608C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#363A45): a grounded near-black with real depth.

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

• Muted Alley color palette (#F7EFF3, #DED3D2, #C5B1B6, #65589B, #291C23)
• Patina Driftwood Boulevard color palette (#F6F4FC, #E3D7DB, #B2ACA2, #867C9A, #535158)
• Patina Ash Corridor color palette (#E0ECFF, #C399C9, #9E6E6A, #32595B, #184053)
• Mulberry Drift color palette (#F8F3FA, #E9D4D7, #ACC4AB, #994E6C, #463B4C)
• Washed Boulevard color palette (#E5E8F4, #BAB6C7, #9B85A2, #433A73, #1C1F29)
• Dusty Delta color palette (#F2ECF3, #DBC5D1, #8FA893, #84374B, #322B33)
• Dusty Lilac Cabin color palette (#FAF3F7, #E4D6D3, #D0BCB1, #9792F0, #45353E)
• Weathered Onyx color palette (#E5E0E9, #A394A2, #896473, #500039, #0C0711)

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