Muted Petrol color palette — #F8EAF1 · #92B7D0 · #326AA7 · #00504F · #232A51

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

The five colors

• Blush (#F8EAF1): bright and airy, almost weightless.
• Ash (#92B7D0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#326AA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#232A51): A deep, shadowed, dusty violet — the color of wild irises.

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

• Weathered Cobalt color palette (#FCF2F6, #A6CAE8, #5878B1, #005F66, #36365B)
• Washed Petrol color palette (#E8EAE1, #97BDAC, #0073A6, #004957, #00172B)
• Softworn Spruce Meadow color palette (#F6E7F1, #62AEAA, #006272, #004122, #002334)
• Softworn Ash color palette (#FBF2F6, #D9DEEF, #7E9BC4, #3E7A7C, #48526B)
• Periwinkle Drift color palette (#F6EDE6, #A7DCF6, #53A8FF, #00918F, #212955)
• Antique Navy Courtyard color palette (#ECDAE0, #5385B1, #1D3088, #002127, #0B0027)
• Pale Mulberry color palette (#E6D8EF, #C44E84, #007D65, #85054E, #003126)
• Timeworn Plum Meadow color palette (#FAE7EC, #AD3B6A, #006F59, #005262, #370E1F)

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