Muted Petrol color palette — #F1F7F3 · #A7CAB2 · #7178AF · #007B8C · #392833

Teal takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Pistachio (#A7CAB2): A luminous, dusty teal — the color of sea glass.
• Slate (#7178AF): A full-bodied, balanced violet — the color of wild irises.
• Teal (#007B8C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#392833): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged duotone, 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

• Ancient Veranda color palette (#F3F6F0, #B8C7A3, #4085AC, #00815B, #21322C)
• Worn Petrol color palette (#EFF7F5, #9BC6E9, #946AA5, #2773A8, #3C272D)
• Dusty Driftwood Drift color palette (#EFF3EE, #92D2C8, #A96B97, #008478, #1F1212)
• Antique Lagoon Market color palette (#EFF7F9, #90E2DF, #A38DD4, #00A19E, #2B2D3B)
• Nightshade Lantern color palette (#DBFFEE, #9CC4E4, #627EB4, #514C9A, #513572)
• Chestnut Dune color palette (#FDF4E5, #83ADCC, #6D71A8, #804928, #544054)
• Muted Cerulean Canyon color palette (#F0F7F4, #E4DCDF, #CFC0C3, #478BAD, #4D5551)
• Aubergine Garden color palette (#D8E5DE, #00657E, #2D006E, #00212C, #02000C)

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