Muted Petrol color palette — #EEF6FC · #D7DAE5 · #BDBECE · #447C96 · #3F4950

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

The five colors

• Ivory (#EEF6FC): bright and airy, almost weightless.
• Silver (#D7DAE5): a clean, paper-quiet neutral.
• Ash (#BDBECE): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#447C96): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3F4950): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Indigo Orchard color palette (#F2F5FE, #E0D6EA, #B8B9D5, #645EAA, #393F51)
• Aged Powder color palette (#E4EFFF, #AEB4E4, #7C80A1, #6B5772, #5D3F47)
• Timeworn Abyss color palette (#D5E2ED, #9CABBC, #6F809B, #003B5C, #051522)
• Washed Cypress Boulevard color palette (#E4FBF9, #7FC0A1, #33836E, #3E6068, #28494A)
• Ancient Terrace color palette (#E2E1EC, #BAB6C8, #9388A3, #5A3264, #1F1D2B)
• Softworn Alley color palette (#EEF6FF, #ADE6FF, #82C2FF, #788FD0, #2F4158)
• Sapphire Market color palette (#D5E7FC, #006FD6, #273246, #16202B, #0B0C13)
• Timeworn Azure color palette (#DEFCFD, #4D9EDE, #4D66AA, #663F5A, #2F3F50)

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