Petrol Alley color palette — #EFF6FC · #D9D8EE · #B3BCD2 · #22719F · #34424D
Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EFF6FC): a clean, paper-quiet neutral.
- Silver (#D9D8EE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#B3BCD2): A luminous, dusty violet — the color of a velvet chair.
- Slate (#22719F): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#34424D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Denim Harbor color palette (#E9EFF6, #C2CDE0, #989FBC, #19578F, #262F38)
- Ancient Cobalt Lagoon color palette (#EDF8F4, #EBDADE, #DEBBBA, #0091CA, #2F453D)
- Worn Basin color palette (#F5F4FC, #E0D7DE, #B7A9A2, #817E99, #525257)
- Hushed Aubergine color palette (#DBDEEB, #A8A6BE, #837A95, #3D2371, #101223)
- Ancient Quarry color palette (#DEECFF, #A6A4F5, #936C99, #7A5625, #2C5445)
- Patina Olive color palette (#EAFAEC, #B3A542, #627200, #215969, #1E4331)
- Violet Alley color palette (#EFF6FF, #74D7FF, #76ABFF, #9B67DA, #26325F)
- Soft Cornflower color palette (#EEF6FF, #007DE6, #942374, #5A3700, #003B22)
Browse the whole catalog at Explore, or see today's palette.