Petrol Alley color palette — #F1F6FB · #D9D9E1 · #C0BDD5 · #4479A5 · #404951

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

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#D9D9E1): a clean, paper-quiet neutral.
• Ash (#C0BDD5): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#4479A5): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#404951): quiet, heavy and certain.

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

Use it as a design system

One click turns 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

• Hushed Petrol Orchard color palette (#ECF3F9, #D7D6E0, #C1B9CB, #597991, #262D32)
• Weathered Cerulean color palette (#EEF8F4, #E3D3CF, #C2C4B0, #6B95B0, #3F4B46)
• Indigo Market color palette (#F4F5FB, #E3D5E7, #BCB8D3, #7656A9, #3D3E4E)
• Driftwood Coast color palette (#F1F3FF, #B4B3CD, #9A7895, #77576E, #644554)
• Weathered Quarry color palette (#F0F5FF, #C9D2E8, #A59FD1, #3550B0, #273348)
• Aged Station color palette (#DBE2EA, #9EAABE, #767BA8, #003473, #0A1422)
• Aged Olive color palette (#EEF8F2, #AFB482, #6A7C40, #2F636A, #2F493F)
• Garnet Market color palette (#E6E2ED, #BDB5C5, #AD7F8F, #68265E, #221C2C)

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