Muted Petrol color palette — #D1F7EA · #0071AA · #153257 · #181D25 · #000812

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

The five colors

• Honeydew (#D1F7EA): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#0071AA): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#153257): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#181D25): 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

• Patina Cypress color palette (#DAE6D9, #007A79, #003A40, #0D1D1E, #000909)
• Muted Sapphire Archive color palette (#F7E2F6, #0061DE, #272F54, #1D2027, #00061A)
• Abyss Balcony color palette (#DCEEFD, #615658, #003A5B, #221A20, #000616)
• Charred Corridor color palette (#DAEBE5, #005982, #0F113D, #081619, #000302)
• Patina Cornflower Dune color palette (#D1E6FF, #2293FC, #435786, #422B44, #000A06)
• Muted Station color palette (#F4E4ED, #988FFF, #6C5E8A, #523948, #1A0D16)
• Wandering Cerulean Delta color palette (#E9EBDD, #5DC0D3, #0092B0, #006C6F, #001721)
• Obsidian Lapis color palette (#ECDAE6, #3F3DD7, #211A42, #18070C, #050004)

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