Muted Petrol color palette — #ECF7FF · #86B8D3 · #C5857E · #337B9D · #5E425A

Slate and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#86B8D3): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#C5857E): A luminous, balanced orange — the color of sun-warmed clay.
• Slate (#337B9D): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#5E425A): A full-bodied, dusty pink — the color of neon signs at night.

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

• Aged Cypress color palette (#E6F9FC, #70C2B0, #BB86A4, #0C8573, #544663)
• Dusty Petrol color palette (#E7F6ED, #81BED1, #C58D73, #007E9A, #4E2400)
• Washed Station color palette (#EAF8FF, #91CFE3, #DFA08B, #149BBB, #6B4133)
• Washed Cobalt color palette (#EEF6FF, #92B3DB, #A29B5D, #4774AC, #2E5743)
• Worn Driftwood color palette (#EAF7FF, #5DA3BB, #B17B5B, #866D3B, #2D4654)
• Lagoon Corridor color palette (#E9F8FF, #DCDBE5, #D2BBD4, #659B9C, #445363)
• Tempered Cerulean color palette (#EBF7FF, #9ED6F1, #5B8CAF, #1D5874, #0F3C52)
• Antique Denim color palette (#F2F5FF, #A394D5, #9C8933, #6A579F, #4D4210)

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