Dusty Petrol Quarry color palette — #ECF3F7 · #D6D6DF · #C0B9CD · #3D7E98 · #232E34

A conversation between Slate and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF3F7): a clean, paper-quiet neutral.
• Silver (#D6D6DF): a clean, paper-quiet neutral.
• Ash (#C0B9CD): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#3D7E98): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#232E34): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Dusty Petrol Quarry 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

• Petrol Studio color palette (#EFF6FC, #D8DAE5, #BEBECB, #477B98, #41494F)
• Washed Market color palette (#EEF2FB, #DCD2DF, #C6B8DA, #6061AC, #1E2435)
• Patina Lagoon Cabin color palette (#E9F5F1, #8ABFBD, #218679, #3E596A, #0E2D2C)
• Softworn Driftwood Delta color palette (#D8F3FF, #9DB3C8, #8D7FA8, #456B58, #13403E)
• Dusty Abyss color palette (#E7F0F8, #97A0B0, #7E749F, #003B57, #00050C)
• Timeworn Cobalt Corridor color palette (#D6E2F1, #3674CA, #2A2F49, #0B1625, #03070B)
• Nightshade Orchard color palette (#E7E9EF, #CBCAD6, #AD9BBB, #594199, #131520)
• Timeworn Petrol Field color palette (#E0F9E9, #43AACA, #5E61AD, #554500, #102435)

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