Muted Petrol color palette — #F4F6EF · #C8E4E4 · #739FBD · #0F7B91 · #335149

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C8E4E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#739FBD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#0F7B91): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#335149): A full-bodied, dusty teal — the color of glacier melt.

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

• Antique Coast color palette (#F4F6EF, #C2E6D8, #5E8FB9, #006D88, #563E58)
• Tempered Powder Hollow color palette (#FAF3F6, #D9DFEE, #86B5EA, #4D9493, #4A5364)
• Petrol Lantern color palette (#EFEFE5, #97BC9E, #007586, #00504C, #003441)
• Lagoon Quarry color palette (#F6F6EC, #BAD8B7, #009197, #006859, #004951)
• Navy Meadow color palette (#DDE2D2, #5B8C7D, #003D6F, #00202D, #00081F)
• Washed Navy Cabin color palette (#DDE1D7, #6793C0, #004597, #002D41, #02004C)
• Antique Cobalt color palette (#FFF2F0, #BF8498, #B27D4A, #776AAD, #553B38)
• Patina Plum color palette (#FFF2F0, #D39FAF, #A99858, #A95171, #504D46)

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