Muted Petrol color palette — #F2E5ED · #8DBAD3 · #1B6EB3 · #004D3D · #0F1035

Built around Royal Blue, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Blush (#F2E5ED): bright and airy, almost weightless.
• Ash (#8DBAD3): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#1B6EB3): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#0F1035): A deep, shadowed, dusty violet — the color of a velvet chair.

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 Petrol Garden color palette (#E7F2E9, #95B7CA, #00709F, #004F50, #002E58)
• Hushed Archive color palette (#FBEEF4, #ACCCE2, #5D7DAD, #005C52, #1F1941)
• Aged Denim color palette (#F1E2E7, #70A3C7, #3D519D, #003939, #100027)
• Hushed Azure Parlor color palette (#FAF4EB, #C5F2D9, #319CD3, #006A6B, #001F3D)
• Weathered Basin color palette (#F7EFF3, #D6D1E6, #869FBB, #3F776B, #2C354F)
• Timeworn Coast color palette (#EDDCEA, #339AA5, #005070, #002E19, #000219)
• Washed Fern color palette (#D2F5F6, #8ACDD8, #79A3DD, #61691F, #002229)
• Softworn Navy Thicket color palette (#F5E4EB, #4480A2, #17347E, #001F1D, #020008)

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