Weathered Petrol Quarry color palette — #F8EEFA · #91B7E0 · #77AA87 · #4A75A2 · #30322B

Built around Slate, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Blush (#F8EEFA): bright and airy, almost weightless.
• Sky (#91B7E0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Jade (#77AA87): A luminous, dusty teal — the color of glacier melt.
• Slate (#4A75A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#30322B): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

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

• Petrol Atelier color palette (#E9F6EC, #77C1CE, #A891BF, #1D7F8E, #442732)
• Cobalt Lagoon color palette (#EEF6FF, #94B2D8, #B4925F, #4274B1, #39553B)
• Timeworn Basalt color palette (#FBEDF4, #B2ACDC, #C88A82, #7169A0, #541E00)
• Dusty Pewter Coast color palette (#FFECF1, #BA93C9, #369BB6, #7E4E90, #002D38)
• Dusty Ash Corridor color palette (#FDECF9, #E8D1D2, #B2A997, #A38AA3, #41323C)
• Hushed Denim Alley color palette (#FFEBFA, #B8C9F6, #7281B2, #3A4B78, #141D3D)
• Hushed Periwinkle color palette (#FCF1FC, #DBDAF6, #EBC494, #729CD5, #623D00)
• Aged Field color palette (#EFF6FF, #ACC6EC, #DA9CB3, #5A8DD7, #574562)

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