Muted Petrol color palette — #E9F1EA · #7EBEC4 · #00748C · #005145 · #003248

A conversation between Teal and Forest, giving this palette its sense of trust and stability.

The five colors

• Cream (#E9F1EA): bright and airy, almost weightless.
• Ash (#7EBEC4): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#003248): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cobalt Workshop color palette (#E6F2E8, #80B9DC, #096AB8, #004E59, #1A2B57)
• Dusty Petrol color palette (#F1E4F0, #60C5D0, #0074A0, #004E2D, #061431)
• Aged Turquoise color palette (#EFF0E3, #B9DEC0, #00B8D2, #00918C, #003441)
• Wandering Station color palette (#EFF8F1, #94D8FC, #0084D7, #00656F, #2A3F65)
• Cerulean Bloom color palette (#F9EBE6, #7FD4DC, #0092C4, #007040, #182D51)
• Tempered Turquoise Atelier color palette (#F1F7F2, #D3E0F2, #54A5C3, #377C74, #405567)
• Abyss Cabin color palette (#DBEADE, #488BA0, #00425F, #002223, #000919)
• Garnet Thicket color palette (#EAD7E6, #C95449, #00778A, #8C0408, #002F37)

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