Muted Petrol color palette — #E3ECE5 · #90B8DC · #446AAC · #00495A · #0E0C3D

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

The five colors

• Parchment (#E3ECE5): a clean, paper-quiet neutral.
• Sky (#90B8DC): A luminous, dusty blue — the color of open sky before noon.
• Slate (#446AAC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Teal (#00495A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#0E0C3D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Hushed Petrol Ridge color palette (#DFEDE2, #7BC1C8, #007790, #004C41, #001926)
• Worn Petrol Harbor color palette (#F3EDE7, #89BEAF, #5562A7, #004F51, #371F53)
• Ancient Lagoon color palette (#E7F7EA, #ABD7EC, #008FBC, #00625E, #002742)
• Iris Coast color palette (#FFF1F5, #D9DDFA, #7C8BDB, #00696D, #26133B)
• Washed Denim Chapel color palette (#DFECE1, #5992AE, #004D7C, #002B2F, #000313)
• Washed Cypress color palette (#EDF4EE, #CBDFF1, #7AA3B4, #3C7962, #233946)
• Muted Sapphire Loft color palette (#FAEAEF, #AF6F00, #046AC7, #633D00, #00122B)
• Aubergine Basin color palette (#D3E9D4, #8E6100, #006C6E, #682E7B, #120900)

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