Muted Petrol color palette — #F9EBE2 · #58C5F0 · #006AB3 · #003E3C · #010015

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9EBE2): bright and airy, almost weightless.
• Sky (#58C5F0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#006AB3): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Antique Aqua color palette (#FCEAE1, #41CECD, #007389, #004026, #000306)
• Cornflower Orchard color palette (#FFF3E7, #9AD3FF, #4974D7, #005058, #0C032A)
• Worn Atelier color palette (#F1E2EA, #5094B1, #004694, #002C26, #040019)
• Worn Harbor color palette (#F5E4D9, #7ABAD4, #2183E7, #006F5E, #120043)
• Chestnut Parlor color palette (#FCE0D0, #A14B00, #00627D, #00427F, #030100)
• Softworn Bronze color palette (#FFEAD8, #BC6300, #007389, #5C2E00, #000102)
• Washed Balcony color palette (#FDF3EB, #D8D5E2, #72A9ED, #027F80, #402338)
• Aqua Alley color palette (#FDF3ED, #CEDFF7, #7BC8DC, #5A9071, #1F483B)

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