Muted Petrol color palette — #EAF5EC · #7BC1C8 · #A690C6 · #00818B · #472433

Built around Teal, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Cream (#EAF5EC): bright and airy, almost weightless.
• Mint Leaf (#7BC1C8): A luminous, dusty blue — the color of deep harbor water.
• Mauve (#A690C6): A luminous, balanced violet — the color of a velvet chair.
• Teal (#00818B): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#472433): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Dusty Cypress Garden color palette (#ECF5E8, #A4BC96, #8B99CE, #008570, #262E51)
• Cobalt Chapel color palette (#F9EEFA, #C6A7C9, #C586A3, #3C74B1, #482624)
• Patina Coral Studio color palette (#E7F9FE, #65C1C5, #CE8172, #0A8287, #5E4358)
• Wisteria Balcony color palette (#E9F8FF, #8DD1E1, #CA9BE9, #3B9AAF, #4B4A63)
• Washed Hollow color palette (#EBF5ED, #97BEA3, #99A45A, #008091, #30350A)
• Dusty Pine color palette (#F0F3E8, #91C19B, #CB8B62, #33844D, #36302B)
• Weathered Olive color palette (#E7F7E7, #55ACAE, #6F8DC6, #5E8633, #192D1B)
• Lapis Boulevard color palette (#FFEBF8, #969FD7, #CD6B78, #5056BB, #47111C)

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