Petrol Quarry color palette — #F4F6EF · #CAE2E5 · #7D9CC1 · #3D7692 · #5E4C5C

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#CAE2E5): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7D9CC1): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3D7692): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5E4C5C): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Wandering Petrol Atelier color palette (#F4F6EF, #C9E3E4, #74A596, #3D7889, #31524A)
• Patina Archive color palette (#FAF3F5, #DBDEEC, #9DB1DE, #4194A0, #49516F)
• Washed Petrol Lagoon color palette (#F6F1EC, #C8E3E7, #B190AB, #007987, #492B3C)
• Worn Cerulean Meadow color palette (#F4F7EC, #A4D1BD, #437FA5, #005D6F, #143D5E)
• Dusty Bronze color palette (#F6F7E2, #83A36D, #48989C, #986C3C, #43433C)
• Patina Denim color palette (#EBEFE2, #79A4C5, #00599A, #003B4E, #001D48)
• Lagoon Cabin color palette (#E5E6D7, #499EA4, #00545E, #00302D, #00171E)
• Washed Olive color palette (#F7F6E6, #A3B88C, #C7857A, #627D40, #534B48)

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