Muted Petrol color palette — #D9F0EB · #0E7B94 · #38426C · #301F00 · #070B00

A conversation between Teal and Navy, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D9F0EB): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#0E7B94): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#38426C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#301F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#070B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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

• Onyx Terrace color palette (#E2F4EF, #2E8065, #004A61, #500104, #0F0700)
• Twilit Basalt Canyon color palette (#E1F4F9, #44547E, #442858, #111700, #000704)
• Denim Station color palette (#E7DBE4, #5994A3, #004F74, #002C26, #000313)
• Onyx Boulevard color palette (#E1ECFF, #666D9F, #533E7E, #500023, #36040B)
• Patina Denim Station color palette (#CDEBEB, #518FC4, #6F5499, #423B00, #1C1F00)
• Dusty Pier color palette (#DFE9FF, #7F7CA0, #77384D, #003528, #001218)
• Pine Dune color palette (#D8F4E8, #46763E, #00412F, #00232A, #000400)
• Dusty Studio color palette (#E4DFFF, #A08BB5, #775177, #5F0600, #0F0300)

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