Petrol Quarry color palette — #EDF2F9 · #D6D6E0 · #BDBACB · #56789C · #262D35

Built around Slate, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF2F9): a clean, paper-quiet neutral.
• Silver (#D6D6E0): bright and airy, almost weightless.
• Ash (#BDBACB): A luminous, dusty violet — the color of a velvet chair.
• Slate (#56789C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#262D35): a grounded near-black with real depth.

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

Use it as a design system

One click turns 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

• Timeworn Loft color palette (#F2F0F9, #E0D1DC, #BCB3C3, #795777, #211E29)
• Hushed Station color palette (#EFF7F5, #DED4D2, #CCB7B8, #4F789E, #3F4B47)
• Ash Station color palette (#E1E9FF, #B8A5D4, #8883A2, #6F576C, #442C3A)
• Tempered Navy color palette (#DFE8F4, #94A0B7, #707B9A, #15316F, #01040E)
• Wandering Cabin color palette (#EBF2FF, #D3D5F5, #9BB6FF, #9687D0, #1A2541)
• Ultramarine Terrace color palette (#EBF2FF, #CBD3EC, #A3A9CA, #404EB2, #111A2B)
• Indigo Cabin color palette (#D5E0F8, #5C64DD, #2B3045, #111621, #04060B)
• Softworn Stone color palette (#E7F6EE, #AFBA84, #6A7C51, #365C62, #182C25)

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