Muted Petrol color palette — #F1E7E1 · #9BBDA8 · #2070A9 · #004D3A · #0C0F3A

A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F1E7E1): bright and airy, almost weightless.
• Sage (#9BBDA8): A luminous, dusty teal — the color of glacier melt.
• Slate (#2070A9): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3A): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0C0F3A): 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

• Muted Sapphire color palette (#F0E7DF, #91B8D9, #4F61BE, #004B4C, #1E0537)
• Cobalt Veranda color palette (#F9F0EA, #ACD2BF, #4F7EB8, #005D4F, #1D1944)
• Worn Atelier color palette (#F4EDE3, #7DBDCD, #007297, #00504D, #04304F)
• Ultramarine Garden color palette (#EFE6E0, #7CA798, #2B4CB7, #003937, #0F0028)
• Patina Azure color palette (#ECF9EF, #CEE1FF, #009FD2, #006A66, #002038)
• Softworn Denim Coast color palette (#ECDCD7, #4C979C, #00516C, #002E14, #000412)
• Weathered Cypress Terrace color palette (#F7F0EC, #C9E2E0, #76A1C9, #337A66, #472B3F)
• Wandering Navy Study color palette (#F6EAE2, #44809F, #00308F, #00201C, #020009)

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