Muted Petrol color palette — #EAF4F3 · #D3D9ED · #7BA1BF · #407383 · #273849

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

The five colors

• Ivory (#EAF4F3): bright and airy, almost weightless.
• Silver (#D3D9ED): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7BA1BF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#407383): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#273849): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Denim Coast color palette (#DCECEA, #6BA5C0, #005F88, #003842, #000C19)
• Lilac Hollow color palette (#E8F3FF, #70A0D3, #A47CB3, #45857D, #1B2837)
• Cerulean Field color palette (#E8F3FF, #D6D5E3, #BDA2A8, #6889A5, #2B3748)
• Aged Petrol Coast color palette (#E7F4FF, #85BAE3, #BB8AAD, #3478A8, #372949)
• Worn Cypress color palette (#FAF4EF, #CAE7E8, #7D9CC2, #227D7E, #64485C)
• Hushed Cerulean Terrace color palette (#F4F6F0, #C8E6E7, #87B8DB, #2994AF, #28544A)
• Patina Navy color palette (#D9F0F0, #597C9B, #003B72, #001D2A, #000108)
• Weathered Denim color palette (#E9F3FF, #AACBEF, #5D85B0, #234A72, #06203C)

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