Muted Petrol Quarry color palette — #EFF7F3 · #8ECAE5 · #A46783 · #13779A · #372A29

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

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Sky (#8ECAE5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mocha (#A46783): A full-bodied, balanced rose — the color of strawberry cream.
• Slate (#13779A): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#372A29): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Muted Chapel color palette (#F9F3F9, #D4B4D3, #AB6767, #496EA4, #3A2A24)
• Weathered Workshop color palette (#F2F7F0, #88D1C0, #8570AD, #297D6D, #38292F)
• Worn Cobalt color palette (#EEF2F8, #ABC6E4, #817BAE, #3474B6, #121522)
• Muted Parlor color palette (#F7F6E6, #83ABD9, #856B98, #635B07, #54414F)
• Grape Atelier color palette (#FCF2F6, #B3A3E5, #A25835, #664CA2, #302015)
• Timeworn Pewter color palette (#EDF8F3, #4991B1, #9B555E, #4C592C, #253C32)
• Muted Parlor color palette (#F8F3F8, #E3C5E6, #9592D8, #4E90D6, #382832)
• Mulberry Garden color palette (#FDF0FE, #5DA5F6, #A23178, #0056A0, #310F23)

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