Muted Petrol color palette — #DBEDEC · #8FB9D7 · #226FAE · #00485E · #001434

Slate and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DBEDEC): bright and airy, almost weightless.
• Sky (#8FB9D7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#226FAE): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00485E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001434): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. 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 Delta color palette (#DFECEA, #83C0C2, #007985, #004C45, #001A20)
• Patina Petrol color palette (#F8ECE2, #94BBAE, #4066AD, #004F55, #2A2559)
• Lilac Balcony color palette (#E5F1FF, #B0BFEC, #9A95DF, #2D6793, #061631)
• Weathered Cobalt Quarry color palette (#EDF0E4, #A3CFC0, #368BD3, #006785, #0F2D55)
• Worn Petrol Courtyard color palette (#EBF4F4, #D6D9EC, #829FC1, #3D728E, #27374E)
• Hushed Orchard color palette (#DAE8F8, #006CC2, #83369A, #005952, #000B1C)
• Softworn Cabin color palette (#DFEEED, #3C96B6, #00506F, #002B32, #00050C)
• Feathered Ultramarine color palette (#D1DFF6, #5B8FE0, #004EAD, #00225A, #000618)

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