Muted Petrol color palette — #C7E9DE · #0070B0 · #7B4500 · #002E4B · #030100

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

The five colors

• Honeydew (#C7E9DE): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#0070B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#7B4500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002E4B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Worn Loft color palette (#EDDBEB, #3C67BA, #6B5000, #001E73, #020100)
• Washed Terracotta color palette (#DBEFE1, #007889, #A10608, #00313A, #040000)
• Denim Canyon color palette (#CCE4FB, #005587, #5C3300, #00223B, #0C0400)
• Feathered Summit color palette (#D0E6FE, #005699, #850031, #213A00, #000104)
• Antique Grove color palette (#ECD8ED, #3591F9, #AF5502, #004182, #0E0300)
• Antique Iris Alley color palette (#F9E6FB, #A2B6FA, #9672C3, #004659, #000106)
• Dusty Olive color palette (#F8ECCB, #6F7940, #443D00, #1A1100, #010200)
• Gentle Coast color palette (#F9E4EA, #9C5CC7, #597200, #58007F, #010100)

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