Muted Petrol color palette — #F1E7DD · #8FBFB1 · #4F68A7 · #004A53 · #160A39

Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F1E7DD): bright and airy, almost weightless.
• Mint Leaf (#8FBFB1): A luminous, dusty teal — the color of sea glass.
• Slate (#4F68A7): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004A53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#160A39): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Dusty Petrol Lagoon color palette (#F1E7E2, #81C0C5, #007696, #004D38, #00172C)
• Softworn Sapphire color palette (#FBF0E5, #7AC4F8, #3E6DC9, #005157, #180B46)
• Dusty Petrol color palette (#ECF1E4, #89BEAF, #2D69AD, #004B67, #122B5A)
• Softworn Cerulean Quarry color palette (#FEEEE6, #A0DBE9, #288CBF, #006455, #07234C)
• Worn Denim color palette (#F6E6DB, #4F93B2, #004A86, #002C2B, #02001D)
• Softworn Grape Hollow color palette (#E9E7D2, #759E2D, #7D3997, #375000, #20002C)
• Softworn Cypress Drift color palette (#F8F0EC, #CAE3DB, #81A78E, #49775B, #1F3D33)
• Dusty Basin color palette (#F8F4C8, #95DDC0, #3AAEC5, #745D00, #171B00)

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