Petrol Alley color palette — #ECF4F1 · #C7DBDE · #CEB6CD · #0073A6 · #112A22
Slate takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#ECF4F1): bright and airy, almost weightless.
- Silver (#C7DBDE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Rosewood Mist (#CEB6CD): A luminous, dusty pink — the color of peonies in June.
- Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#112A22): A deep, shadowed, dusty teal — the color of glacier melt.
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 Ridge color palette (#F6F0F3, #DCD4D4, #CBB7B4, #6A6CB3, #32292F)
- Tempered Cypress color palette (#EFF3EE, #CCDAD6, #A9C8B2, #007B76, #192A17)
- Dusty Study color palette (#E0ECE9, #D3C7D2, #B09DAB, #005893, #011B15)
- Ancient Petrol Boulevard color palette (#F0F6FA, #D9D8EA, #B0BAE0, #00749A, #33424C)
- Washed Azure Villa color palette (#EEF8F3, #E7D3CF, #C0C1B0, #009FD3, #283932)
- Antique Lagoon color palette (#EEF5E5, #72B8A3, #007C70, #00575C, #00271E)
- Sapphire Studio color palette (#ECD8E9, #275EDF, #212451, #020D2D, #070108)
- Tempered Cabin color palette (#ECDEFF, #BE9FC7, #9A688D, #80361A, #462200)
Browse the whole catalog at Explore, or see today's palette.