Muted Petrol color palette — #F9ECE0 · #7CBADF · #4865A7 · #00504C · #30264C

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

The five colors

• Cream (#F9ECE0): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#7CBADF): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4865A7): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#30264C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Tempered Cobalt color palette (#FDF3E8, #A0CAEE, #6373B7, #005F61, #403256)
• Wandering Grove color palette (#DDEDEC, #95B8D4, #2A70A7, #00485C, #001532)
• Antique Forest color palette (#FDEAE4, #68C3C1, #00748F, #165220, #072F53)
• Timeworn Cobalt Villa color palette (#EDF0E5, #A2D0BF, #3C8CCB, #006883, #0F2E51)
• Aged Cerulean color palette (#FFF2ED, #8BDEE6, #008BBA, #006B3C, #263F69)
• Feathered Hollow color palette (#F9EAF0, #B2D8F7, #78A5EC, #009097, #272658)
• Cerulean Veranda color palette (#F8EBE4, #009FC0, #004C81, #003125, #0C0B39)
• Antique Ash Field color palette (#FAF4EE, #C5ECF0, #8898C5, #3E7A79, #644A55)

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