Muted Petrol color palette — #F9F4EE · #C7E9EE · #8599BF · #41778A · #604B59

Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Frost (#C7E9EE): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#8599BF): A luminous, dusty violet — the color of a velvet chair.
• Slate (#41778A): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#604B59): A full-bodied, dusty pink — the color of peonies in June.

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

• Ancient Station color palette (#F9F4EE, #CBE4E2, #76A593, #317C7C, #2C534A)
• Tempered Lagoon color palette (#FAF3F5, #DBDDEC, #A6ADDE, #20979F, #4F506A)
• Hushed Cypress color palette (#F6F1EC, #C9E2E6, #B58EA9, #007A81, #4A2B37)
• Hushed Basin color palette (#ECFAEB, #7DBDBA, #C78388, #168380, #64443B)
• Antique Cobalt Cabin color palette (#FAF4EB, #A2D1BD, #4D7DA7, #005E68, #243A61)
• Hushed Parlor color palette (#F2EBDF, #73A4CC, #285699, #003C49, #141A45)
• Aged Cerulean color palette (#F1E9DD, #4C9DA6, #005265, #003129, #001623)
• Driftwood Chapel color palette (#EAFAEB, #5BA6A9, #9E7BA7, #8B7248, #364738)

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