Muted Petrol color palette — #E9F4FA · #7CBFD1 · #C58D75 · #007F97 · #4A2616

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

The five colors

• Ivory (#E9F4FA): bright and airy, almost weightless.
• Sky (#7CBFD1): A luminous, dusty blue — the color of open sky before noon.
• Camel (#C58D75): A luminous, dusty orange — the color of toasted spice.
• Cerulean (#007F97): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#4A2616): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Amber Parlor color palette (#EBF7FE, #6DBDD5, #D37F66, #007F9B, #5C4455)
• Cypress Studio color palette (#E3F6FA, #7EC2BB, #BD88B1, #00837B, #44243D)
• Weathered Cobalt color palette (#E8F3FF, #97B7D7, #B89665, #1C75BE, #1E3820)
• Patina Studio color palette (#EEF8EF, #7AD5DD, #E89E60, #329DA5, #524C46)
• Sky Hollow color palette (#E6F4FF, #29B4F6, #A26400, #00628C, #311B00)
• Rust Drift color palette (#E9F3FF, #819EC8, #BE767D, #B15C50, #1A283A)
• Worn Chestnut color palette (#EAF6EA, #A2C4B3, #987E58, #764C3C, #19312D)
• Ancient Petrol Coast color palette (#EDF2F9, #AECDB2, #4C6283, #213149, #0F141C)

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