Dusty Petrol color palette — #E7F0F7 · #D0D7E9 · #B6B4CB · #3179A6 · #242F38

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

The five colors

• Frost (#E7F0F7): bright and airy, almost weightless.
• Silver (#D0D7E9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B6B4CB): A luminous, dusty violet — the color of wild irises.
• Slate (#3179A6): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#242F38): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Denim Summit color palette (#E2E7EE, #BEC2DC, #A99EBD, #3C609A, #192029)
• Washed Courtyard color palette (#F2F5FF, #E1D9F4, #CFB2D4, #7A68B7, #2E3242)
• Cobalt Workshop color palette (#EDF8F4, #E4D3CE, #D0B4A1, #007CC3, #08241D)
• Tempered Azure Hollow color palette (#EAEFF4, #D2D1E0, #BAB6CA, #3B96ED, #242F3B)
• Timeworn Ash color palette (#F1F5FD, #DFD8E2, #CEBBC7, #7E90B0, #434851)
• Worn Powder Courtyard color palette (#D9F3FA, #A1A9E3, #8E7DA1, #49643C, #003F37)
• Faded Dune color palette (#CDE5F9, #008FD4, #994A00, #494400, #232000)
• Tempered Aubergine color palette (#ECEBF6, #AAA0B0, #947F8E, #5E2C6D, #090713)

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