Dusty Petrol color palette — #F0F5FF · #EEB2BC · #616F9F · #374063 · #1B222F

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

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Ballet Pink (#EEB2BC): A whisper-light, dusty red — the color of late-summer berries.
• Slate (#616F9F): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#374063): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#1B222F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Worn Petrol Atelier color palette (#EEF6FF, #9ED3B1, #4575A4, #254563, #19232C)
• Cobalt Orchard color palette (#FBF2F9, #F6D4C8, #6072B4, #4B2C44, #160B14)
• Patina Hollow color palette (#F7F3FF, #F9A17F, #924B83, #55274B, #1F152D)
• Ancient Grove color palette (#F3F4FD, #C9BAEF, #B6799E, #8871BA, #281F32)
• Navy Veranda color palette (#F0F5FF, #BEAE7A, #3F4F7E, #1D2A57, #1A222F)
• Tempered Veranda color palette (#FCF1FA, #E6D59C, #7D92CF, #53618A, #2A1D27)
• Washed Ash Courtyard color palette (#F4F4FC, #E0D8E0, #C7BCC6, #9B84AF, #464653)
• Muted Driftwood Cabin color palette (#FFF0F8, #D79ACD, #B56C8A, #825A2F, #42384F)

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