Muted Petrol color palette — #E2F0F8 · #AAAFC0 · #9496B9 · #007F94 · #06161D

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

The five colors

• Frost (#E2F0F8): bright and airy, almost weightless.
• Ash (#AAAFC0): A luminous, dusty violet — the color of wild irises.
• Blue Fog (#9496B9): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#007F94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#06161D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Hushed Denim color palette (#DAE3E7, #A7B6C5, #8995B4, #005E67, #03171E)
• Washed Sapphire Study color palette (#DBE2EC, #B2ADBD, #A391AF, #3D6DC9, #091424)
• Patina Study color palette (#E7F1E9, #C0D5CF, #BA9CAE, #005861, #000401)
• Abyss Cabin color palette (#DCE5DF, #8FA69C, #8B728C, #003E48, #000602)
• Iris Cabin color palette (#E9EFF8, #D5D0DD, #BFB3C3, #758ED9, #252E3D)
• Timeworn Chestnut Coast color palette (#CBEEFF, #6994D5, #7B6CB0, #874316, #261900)
• Sapphire Archive color palette (#F9EACC, #0098B9, #2B62C5, #880D00, #000D17)
• Hazy Station color palette (#CEE8F8, #008DB7, #962BA2, #663500, #000B03)

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