Petrol Alley color palette — #EFF7F9 · #D5DBE4 · #B8C0D1 · #3D8086 · #3D4A4F

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

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D5DBE4): a clean, paper-quiet neutral.
• Ash (#B8C0D1): A luminous, dusty violet — the color of wild irises.
• Slate (#3D8086): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3D4A4F): a grounded near-black with real depth.

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

• Weathered Cabin color palette (#E4F1F7, #96ADBB, #5885A2, #003F4A, #011721)
• Worn Denim color palette (#F2F5FB, #DDD6E5, #B0B2C5, #595C9C, #353A48)
• Patina Driftwood Dune color palette (#EDF7FF, #A5B5CB, #7C82AB, #6B607A, #584C5D)
• Dusty Pine color palette (#EDF8F5, #9CB993, #40854D, #2C6466, #2C4944)
• Quiet Aqua color palette (#EBF7FF, #A1F5FF, #45CFFF, #508FC7, #254154)
• Aubergine Orchard color palette (#E7E9F1, #B5B7CC, #8C89AE, #483087, #1B1E2F)
• Airy Petrol color palette (#E0FCFA, #20A7C9, #0070AB, #613B73, #29404F)
• Washed Summit color palette (#F0F6FA, #D7DBE7, #BCBFD2, #407E92, #40494F)

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