Dusty Petrol color palette — #F1F5FD · #DBD7E5 · #AEB2C5 · #526192 · #353B44

Slate and Ash set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F1F5FD): a clean, paper-quiet neutral.
• Silver (#DBD7E5): bright and airy, almost weightless.
• Ash (#AEB2C5): A luminous, dusty violet — the color of wild irises.
• Slate (#526192): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#353B44): quiet, heavy and certain.

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 Corridor color palette (#FAF3F8, #E6D5D5, #CEB9B6, #657EBB, #41373F)
• Timeworn Aubergine color palette (#F4F4FF, #D4CEE9, #AD9FC4, #763E8D, #323044)
• Wandering Hollow color palette (#EAE1FF, #9F9CC2, #8D6280, #65455A, #50312F)
• Muted Navy Grove color palette (#DFE4F0, #B3B8CB, #898BA9, #3C3981, #1B1F2B)
• Hazy Iris color palette (#F1F5FF, #A3BAFF, #9487FF, #9160B7, #262B49)
• Onyx Boulevard color palette (#F1ECFB, #9E95A8, #796A80, #4D0042, #0B0713)
• Jade Station color palette (#E2FCF4, #7EAA64, #3A713D, #245260, #153D37)
• Feathered Corridor color palette (#FFE5FC, #846EE8, #70438D, #6C2426, #2B2E46)

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