Muted Petrol color palette — #F9ECE1 · #72BCE1 · #3A66B0 · #005049 · #2D2652

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

The five colors

• Cream (#F9ECE1): A whisper-light, dusty gold — the color of old brass.
• Sky (#72BCE1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#3A66B0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#2D2652): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Patina Petrol color palette (#DAEEEC, #86BBD8, #0072AA, #004959, #00172D)
• Cobalt Meadow color palette (#FCF4EC, #9ECBED, #5E73BC, #00605F, #4F2F3D)
• Weathered Forest color palette (#FEE9E4, #6FC2BD, #00748C, #09540C, #08304F)
• Cobalt Studio color palette (#EDF0E3, #95CDEB, #368EC6, #00697E, #002F55)
• Hushed Bloom color palette (#FFF2ED, #7DE1E6, #008BB6, #006B36, #264065)
• Antique Periwinkle Lagoon color palette (#F6EBF0, #B7D8F0, #6CA8EE, #009091, #22275A)
• Hushed Cerulean color palette (#F6E3D8, #299FB7, #004E7B, #003123, #090C3A)
• Soft Bronze color palette (#F7D7BE, #C16000, #0072A6, #723600, #002C44)

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