Petrol Quarry color palette — #F0F6FD · #DBD9E3 · #C4BBCD · #5D7698 · #414852

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

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#DBD9E3): bright and airy, almost weightless.
• Stone (#C4BBCD): A luminous, dusty violet — the color of wild irises.
• Slate (#5D7698): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#414852): 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 Lagoon color palette (#EDF2F8, #D8D5DD, #C2B8C5, #5278A3, #262D34)
• Patina Powder color palette (#F1F5FF, #B8BBE0, #867E95, #506E5B, #30555A)
• Hushed Powder color palette (#F0F5FF, #ABDAFF, #A4AAFF, #9E72A7, #363E5E)
• Tempered Garnet color palette (#ECE6F4, #C0B4C4, #9A8798, #682B51, #221C29)
• Timeworn Olive Parlor color palette (#EBF9F1, #ABB681, #5D7E4D, #465D6E, #324840)
• Worn Navy Boulevard color palette (#DCE2ED, #A3A9BC, #7C7C99, #162B81, #0A1424)
• Antique Indigo color palette (#DCE4FB, #6959D7, #302F46, #1A1E2C, #0C0C11)
• Iris Lantern color palette (#E6FCEA, #6895EF, #765A9A, #64471F, #333D53)

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