Muted Petrol color palette — #EFF7F7 · #D9DBEB · #7C9BC7 · #3D7695 · #475367

A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D9DBEB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#7C9BC7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#3D7695): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#475367): A full-bodied, dusty violet — the color of a velvet chair.

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

• Ash Lantern color palette (#F8EFF2, #DAD0E2, #8B9BC5, #397580, #30354B)
• Washed Archive color palette (#FAF4ED, #C4E2F7, #A0B0DD, #54919D, #604C56)
• Hushed Canyon color palette (#E5F2F0, #7DBCD2, #007298, #004E57, #00324B)
• Cerulean Drift color palette (#EDF8F5, #B9E5F1, #009DA7, #007264, #284D5C)
• Cerulean Alley color palette (#E0F0ED, #33A0AB, #005360, #00302E, #00171F)
• Antique Lantern color palette (#E3FBF7, #79A674, #2F99A8, #936F36, #2C4945)
• Wandering Driftwood Parlor color palette (#FFF1F6, #D5AAB8, #9C7859, #725363, #3F4C40)
• Frosted Coral Cabin color palette (#E8FAF4, #A2B983, #D67C6E, #617E2D, #5E4358)

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