Muted Petrol Alley color palette — #EEF2F8 · #D7D6E0 · #BEBACD · #5277A4 · #262D34

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

The five colors

• Ivory (#EEF2F8): a clean, paper-quiet neutral.
• Silver (#D7D6E0): a clean, paper-quiet neutral.
• Ash (#BEBACD): A luminous, dusty violet — the color of a velvet chair.
• Slate (#5277A4): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#262D34): quiet, heavy and certain.

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

Use it as a design system

One click turns Muted Petrol Alley 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

• Softworn Petrol color palette (#EFF7F5, #E1D4CF, #CBB7B5, #4479A7, #3D4B47)
• Aged Amethyst color palette (#F0F1FC, #DED1E0, #C2BAD5, #8152A6, #232335)
• Tempered Chestnut color palette (#EDECFF, #BEB4D5, #8C7D97, #774B2D, #283F27)
• Worn Cobalt Loft color palette (#DDE2EF, #696DB2, #2B2F48, #0F1527, #04060C)
• Periwinkle Ridge color palette (#F1F6FB, #DBD9E1, #BFB3AE, #72A3D0, #37404A)
• Softworn Veranda color palette (#E7F6EF, #98BCB1, #667D56, #2A5D68, #102D26)
• Chalky Loft color palette (#EBF2FF, #C2DCFF, #A2AFFF, #9B7FDC, #18223D)
• Timeworn Lantern color palette (#FFEBFC, #9497CB, #795A9E, #762732, #1B203B)

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