Muted Petrol color palette — #EFF7FA · #D6DAE3 · #BABFD0 · #457E8A · #3D4A50

Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF7FA): bright and airy, almost weightless.
• Silver (#D6DAE3): bright and airy, almost weightless.
• Ash (#BABFD0): A luminous, dusty violet — the color of wild irises.
• Slate (#457E8A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3D4A50): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Cerulean Summit color palette (#F1F7F2, #D3DCDD, #CDB9B5, #22A1AE, #404B42)
• Wandering Summit color palette (#ECF3F6, #D4D6DD, #BBBACA, #008491, #242E32)
• Washed Cobalt Summit color palette (#F1F5FC, #DCD7E9, #B4BBD4, #4A65B4, #38404E)
• Worn Cypress Delta color palette (#E6FAF6, #88BBB6, #477E7D, #366267, #284946)
• Dusty Pewter Lagoon color palette (#EFF6FF, #A8B3CC, #7B7F99, #705B7A, #61444C)
• Abyss Cabin color palette (#D7E4EC, #9EABB5, #6D8295, #003E4F, #011622)
• Worn Powder Hollow color palette (#ECF7FF, #9DEFFF, #6DCCFD, #5885BF, #23425B)
• Timeworn Aubergine color palette (#E2E4EE, #B7B7C8, #8F89A7, #503278, #1C1D2F)

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