Muted Petrol color palette — #EFF8F0 · #B2CEA3 · #2F7E87 · #004C53 · #17261B

A conversation between Teal and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Pistachio (#B2CEA3): A luminous, dusty green — the color of fresh herbs.
• Teal (#2F7E87): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#004C53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#17261B): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Wandering Garden color palette (#FBF2FA, #9BD3B8, #5071AB, #29416D, #2A1C29)
• Celadon Dune color palette (#EAF8FC, #D3F2B0, #278589, #193E49, #031217)
• Aged Cerulean Summit color palette (#EBF7FF, #FFC6B0, #5E9EBC, #46687E, #15242D)
• Timeworn Denim color palette (#EAF9F1, #DC9D8A, #005A73, #003443, #1A241F)
• Softworn Mint color palette (#CFEDDF, #69C27A, #006387, #003347, #00121C)
• Weathered Ridge color palette (#CFE5D8, #54964D, #003F4D, #001218, #000201)
• Weathered Cobalt Courtyard color palette (#EFF7F4, #A0CAEB, #8982D9, #0088CE, #301D28)
• Softworn Garden color palette (#F8F3F8, #E1D7D9, #D2BBBF, #5D93CF, #4C454C)

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