Muted Petrol color palette — #F4F6EF · #C8E4E5 · #739FBD · #1A7B90 · #2E5349

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C8E4E5): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#739FBD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#1A7B90): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#2E5349): A full-bodied, dusty teal — the color of glacier melt.

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

• Aged Ash Ridge color palette (#F7F0EC, #C4E8E8, #7D9FC7, #337777, #422F3D)
• Softworn Petrol color palette (#EFF0E4, #97BC9E, #007586, #00504D, #003441)
• Muted Station color palette (#EDF8F7, #D7DCEA, #9ECDF0, #76ACBB, #425567)
• Hushed Parlor color palette (#F6F6E7, #9BDCD9, #009197, #006859, #004952)
• Olive Thicket color palette (#F8F6E7, #A9B68A, #52A6BC, #687C2A, #345643)
• Hushed Navy color palette (#DDE0D6, #5B86A6, #003E6E, #00202D, #00081E)
• Muted Bronze color palette (#FAF5E5, #9D9C5F, #4A9B85, #AF5C3B, #44423B)
• Worn Fern color palette (#F6F6EA, #C0E0D6, #97C4BE, #8D9366, #504F00)

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