Muted Petrol color palette — #D5F9ED · #0071AA · #163356 · #0D171B · #000812

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

The five colors

• Honeydew (#D5F9ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#0071AA): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#163356): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0D171B): quiet, heavy and certain.
• Ink (#000812): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged noir, dark, luxury, 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

• Antique Hollow color palette (#E4F2E3, #007A79, #003A40, #0D1D1E, #000909)
• Tempered Basin color palette (#F5DEF7, #2493FC, #40568F, #173657, #000A06)
• Lowlit Sapphire color palette (#FAE9F9, #0060DF, #242C60, #00061B, #000202)
• Lowlit Denim color palette (#DFF2EB, #005982, #0F0D44, #09171A, #000306)
• Shadow Abyss color palette (#D8ECFC, #5F5456, #003A5A, #221A20, #000615)
• Patina Lilac color palette (#F5E3EC, #998FFF, #6E5C90, #3E3C63, #1B0B17)
• Cerulean Delta color palette (#EDEFE2, #69BFCE, #0092AF, #006C6E, #001720)
• Hushed Violet color palette (#F1DEE6, #9772E2, #604872, #452234, #090206)

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