Muted Petrol color palette — #EBF4F4 · #C9DFF5 · #6C90BE · #1F6687 · #1B2C46

Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF4F4): bright and airy, almost weightless.
• Powder Blue (#C9DFF5): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6C90BE): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#1F6687): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1B2C46): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Hushed Cobalt Veranda color palette (#E7F5F5, #B0D4F5, #2886DA, #005E7B, #022252)
• Wandering Petrol Delta color palette (#F9F4EF, #C8E3DB, #7488BD, #006F7D, #474268)
• Softworn Quarry color palette (#D3E6E2, #349B9D, #00545B, #002C27, #000507)
• Cerulean Atelier color palette (#FBF2F5, #D9D4DE, #A4BAED, #3D8F9C, #363D5C)
• Muted Coast color palette (#E0F8F4, #6BCCDB, #007F96, #005151, #001E28)
• Coral Study color palette (#FFEAFD, #C8716E, #9A7B20, #7E5B8C, #2B142A)
• Oat Drift color palette (#FDECFA, #D9D6C7, #F2BD9D, #9C666C, #412E3D)
• Muted Bronze color palette (#E7F7E8, #BCA97E, #8B7044, #64451F, #14281C)

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