Muted Petrol Studio color palette — #EFF6FB · #D7D8E3 · #A8B4C8 · #006D91 · #323C43

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

The five colors

• Ivory (#EFF6FB): bright and airy, almost weightless.
• Silver (#D7D8E3): bright and airy, almost weightless.
• Ash (#A8B4C8): A luminous, dusty violet — the color of wild irises.
• Peacock (#006D91): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#323C43): 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 Muted Petrol Studio 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 Archive color palette (#ECF3F7, #D5D5E3, #B0B5D3, #176F85, #192227)
• Washed Terrace color palette (#F0F7F3, #E8D7DC, #D6B9B8, #288DAA, #313E37)
• Worn Cocoa color palette (#CFE7FF, #9EABC4, #737397, #6E4757, #2B4938)
• Ultramarine Ridge color palette (#F1F5FD, #CDD1E5, #B59CC2, #3F46C1, #293346)
• Timeworn Denim Study color palette (#EAF1F8, #B0BAC7, #858EA4, #004970, #0C2131)
• Byzantium Alley color palette (#F4F4FE, #DFD6DF, #C2B6CE, #8546B8, #3E3E4D)
• Washed Cypress color palette (#E6FAF7, #79A78F, #1C7264, #005561, #113F2C)
• Denim Parlor color palette (#D1E1F5, #2F62AB, #1D243D, #041428, #03050C)

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