Muted Petrol color palette — #ECF7FF · #D3DBE7 · #7FC2DC · #367190 · #002C3F

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Silver (#D3DBE7): bright and airy, almost weightless.
• Sky (#7FC2DC): A luminous, dusty blue — the color of deep harbor water.
• Slate (#367190): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002C3F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

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

• Washed Lagoon color palette (#E2FDEF, #ADE8E8, #7DC2E5, #2292B6, #004053)
• Aged Cerulean color palette (#E4F5FF, #96D9F4, #2C91B8, #06566F, #002031)
• Aged Market color palette (#DBF2FF, #D2DCCD, #8DAEB6, #354550, #1A242B)
• Tempered Lilac Thicket color palette (#F2F5FF, #E7D4E7, #AD93DD, #5A548F, #26173E)
• Tempered Loft color palette (#EDF6FF, #D6D8F9, #2399FB, #004E8C, #00172B)
• Dusty Cobalt color palette (#F0F5FF, #A3CBFF, #2F7AD9, #0F2C88, #000223)
• Worn Boulevard color palette (#EFF6FD, #D8D9E4, #DD97A9, #719ECC, #241A27)
• Ancient Powder color palette (#F0F5FF, #A9C2FF, #C4AA83, #997D52, #293241)

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