Petrol Quarry color palette — #EBF3F8 · #D4D8E4 · #B9BCCC · #427E93 · #252D32

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

The five colors

• Ivory (#EBF3F8): a clean, paper-quiet neutral.
• Silver (#D4D8E4): bright and airy, almost weightless.
• Ash (#B9BCCC): A luminous, dusty violet — the color of wild irises.
• Slate (#427E93): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#252D32): 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

• Antique Petrol Grove color palette (#EEF2FA, #DAD3E4, #B9BDDA, #5C62AF, #1F2533)
• Petrol Courtyard color palette (#F0F7F3, #D0DEE0, #CCBEC2, #2E8096, #414A45)
• Tempered Powder color palette (#E6F2FF, #ABB9E6, #7C85A8, #64546C, #3A2B3B)
• Wandering Bloom color palette (#E2EBF3, #8FA2B5, #687E99, #003B55, #00050B)
• Muted Mint Market color palette (#E7F5F3, #87C39D, #47836B, #3D5B60, #112D2C)
• Aged Sky Hollow color palette (#E7F4FF, #AFEAFF, #61C3FE, #6C8DD4, #0F2539)
• Cobalt Boulevard color palette (#E0ECF7, #0079C9, #253244, #0D1721, #04070A)
• Denim Lantern color palette (#E6E9F2, #C8CAD9, #A1A0BD, #554B85, #13151E)

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