Petrol Quarry color palette — #ECF4EF · #CDDAD9 · #AEC0C1 · #40808C · #282E29

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

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#CDDAD9): bright and airy, almost weightless.
• Ash (#AEC0C1): soft and architectural.
• Slate (#40808C): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#282E29): 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

• Softworn Olive Parlor color palette (#F0F3EB, #CFDBD5, #AEC2BA, #667F3F, #2A2D27)
• Petrol Garden color palette (#EEF7FA, #D6DAE4, #BDBECA, #437F88, #3D4A4F)
• Softworn Lagoon Orchard color palette (#EBF4F1, #DED0CE, #A49A92, #5E8E81, #323836)
• Dusty Parlor color palette (#F3F3E2, #98BF99, #4B8360, #4D5A43, #272917)
• Wandering Cobalt Station color palette (#FAEEF7, #E9CFD2, #D1B6C4, #4A66B2, #2D202B)
• Muted Corridor color palette (#D7E7DE, #86A99B, #5A867A, #003D4D, #000603)
• Patina Denim Alley color palette (#E7F6F0, #BCDCD2, #BAA3BA, #00638A, #061F17)
• Smoked Cobalt Pier color palette (#D1E4DC, #007EB3, #3A2B3C, #081A14, #030805)

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