Dusty Petrol color palette — #ECF3F9 · #D9D7E4 · #C3B9CA · #597995 · #242D35

Built around Slate, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Silver (#D9D7E4): bright and airy, almost weightless.
• Ash (#C3B9CA): A luminous, dusty violet — the color of a velvet chair.
• Slate (#597995): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#242D35): a grounded near-black with real depth.

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

• Indigo Drift color palette (#EFF1FD, #E0D1DF, #C9B7D4, #7459A7, #222432)
• Aged Powder Cabin color palette (#D1EAFF, #A6B0D7, #9187A2, #466A5E, #233A32)
• Cypress Parlor color palette (#EFF7F4, #E1D4CF, #C9B8B4, #4F8070, #3C4C46)
• Wandering Navy Hollow color palette (#E3EBF3, #999FB2, #79779B, #00366A, #00040E)
• Worn Cerulean color palette (#EFF7F5, #DED4D2, #A8A094, #6794BD, #404A47)
• Antique Studio color palette (#EAF6E9, #BCB586, #697D4A, #475570, #172D21)
• Dusty Denim color palette (#E8E8F2, #CFC7DB, #AC9EAF, #63467A, #151421)
• Washed Indigo Ridge color palette (#DDE5F5, #5663E3, #2F2E45, #101622, #04070A)

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