Muted Petrol color palette — #F0E5EB · #85BDD3 · #196FAF · #004C48 · #07103B

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

The five colors

• Rose Water (#F0E5EB): bright and airy, almost weightless.
• Sky (#85BDD3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#196FAF): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C48): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#07103B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Antique Cobalt color palette (#FAEEF3, #ACCCE4, #4E7DBE, #005B5E, #191946)
• Aged Orchard color palette (#E2F3F1, #76BCD9, #00719C, #004E5A, #00314E)
• Ultramarine Loft color palette (#F8E6EC, #78A1C6, #334DB1, #003840, #0D002A)
• Softworn Azure Lagoon color palette (#F4F7EA, #B8E9E7, #379DCB, #006875, #002135)
• Muted Cerulean color palette (#F3E2EF, #4397A6, #00506E, #002D23, #00040F)
• Weathered Navy Balcony color palette (#EDE2E6, #527E9E, #082F8E, #001F22, #01000A)
• Ancient Mulberry color palette (#E6DBF1, #B35E8F, #007D68, #7E0058, #001711)
• Washed Alley color palette (#F7EBFC, #A84364, #00704A, #005854, #1D0008)

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