Muted Petrol color palette — #E7F1E9 · #78C6CA · #007487 · #003F33 · #000306

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

The five colors

• Cream (#E7F1E9): bright and airy, almost weightless.
• Aqua (#78C6CA): A luminous, dusty teal — the color of sea glass.
• Teal (#007487): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F33): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000306): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Cobalt Corridor color palette (#EFF8F1, #86DAF1, #0085B4, #00514F, #000D1D)
• Worn Denim Market color palette (#E4EEE6, #62ACD3, #005793, #002A30, #000009)
• Frosted Iris Study color palette (#D2F6FF, #88D3FF, #7E9AFF, #005C53, #00070B)
• Wandering Market color palette (#E7F1E9, #81BCF5, #2A5ECE, #003B4C, #020013)
• Weathered Lagoon Meadow color palette (#D2E6DF, #009888, #00585B, #002E34, #000203)
• Softworn Mulberry color palette (#D6ECF7, #007484, #93008C, #524000, #000102)
• Softworn Brick color palette (#D2F1FD, #008F99, #C00039, #00454A, #040000)
• Faded Forest color palette (#EDDFEC, #46C5CB, #0090BB, #007238, #001231)

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