Muted Petrol color palette — #ECF9F2 · #81B9CF · #C98667 · #007F9F · #6A422F

A conversation between Cerulean and Caramel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Ash (#81B9CF): A luminous, dusty blue — the color of open sky before noon.
• Caramel (#C98667): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#007F9F): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#6A422F): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, 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

• Cobalt Coast color palette (#FEF1FA, #A3ADDA, #AE955F, #5F6BB6, #5C4A21)
• Timeworn Chapel color palette (#F1F7ED, #A2B892, #C97F94, #00866D, #67423C)
• Softworn Lagoon color palette (#E7FBF0, #EDD7D3, #ADA89B, #519795, #37524B)
• Antique Bronze color palette (#E4FCF1, #6AA0BD, #B87758, #876F22, #2E493E)
• Patina Petrol Market color palette (#E8F4FC, #82BDD7, #BB87BD, #0D7DA1, #332C47)
• Weathered Lime Studio color palette (#EEF8F1, #7CD3E9, #A8BC67, #279CB4, #4E4D46)
• Aged Periwinkle Basin color palette (#E2FCF4, #54AAF1, #9F5E00, #00609D, #563000)
• Washed Bronze color palette (#FCF4E8, #C2B79B, #A07839, #7A543A, #514900)

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