Muted Petrol color palette — #EDF3F7 · #D7D7E1 · #C1B9CA · #477C9B · #242D34

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

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D7D7E1): a clean, paper-quiet neutral.
• Ash (#C1B9CA): A luminous, dusty violet — the color of wild irises.
• Slate (#477C9B): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#242D34): 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

• Weathered Petrol Thicket color palette (#EFF6FC, #D9D9E4, #BFBDCE, #587895, #42494F)
• Aged Indigo color palette (#EFF1F9, #DDD2DF, #CAB6DB, #6C5AB3, #222430)
• Wandering Driftwood color palette (#E4F5FF, #A3B7D9, #907399, #316056, #1F3633)
• Cobalt Terrace color palette (#DCE4F1, #5371BC, #2C2D4C, #0F1622, #03070B)
• Softworn Navy color palette (#DEE6EF, #97A0B2, #84729C, #00395F, #01050C)
• Weathered Olive Chapel color palette (#FAEEF2, #99BEA4, #717C3D, #425674, #1A2C20)
• Patina Aubergine Orchard color palette (#E7E8F2, #CCC9D5, #AE9CB6, #62428B, #141521)
• Hazy Lilac color palette (#E9F3FF, #73E9FE, #9BC5FF, #A975B9, #182037)

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