Dusty Petrol color palette — #ECF2FC · #DDD3E9 · #BFBBD5 · #4869AA · #1C2533

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

The five colors

• Ivory (#ECF2FC): bright and airy, almost weightless.
• Silver (#DDD3E9): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#BFBBD5): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#4869AA): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#1C2533): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: 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 Denim color palette (#E4E9F3, #C8CADE, #A69FB9, #445089, #111620)
• Ancient Cobalt Chapel color palette (#F9F3F9, #ECD4D3, #D1B4B5, #3B68B4, #4A3949)
• Worn Cabin color palette (#F3F0F8, #E1D4D9, #B9ABA6, #887C99, #37353B)
• Timeworn Lilac color palette (#D8E6FF, #B79CDD, #A36278, #325A3C, #023937)
• Tempered Aubergine Corridor color palette (#E2E1ED, #A69AB3, #8B728C, #4E1A5F, #04030B)
• Sunlit Meadow color palette (#ECF2FF, #6A6BFF, #884800, #3C3B00, #001D18)
• Dusty Pine color palette (#E4F8EA, #9BB355, #297E3C, #4F446D, #00281E)
• Chalky Peony color palette (#EEF1FF, #B5DCFF, #ABABFF, #D157A0, #240C2D)

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