Petrol Alley color palette — #E7F1ED · #CCDCD6 · #C5AFC6 · #007CA8 · #20322B
Cerulean takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E7F1ED): a clean, paper-quiet neutral.
- Silver (#CCDCD6): bright and airy, almost weightless.
- Ash (#C5AFC6): A luminous, dusty pink — the color of a candy shop window.
- Cerulean (#007CA8): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#20322B): 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
- Weathered Cypress Study color palette (#ECF0EA, #D1DBD1, #A4C0AA, #008479, #253222)
- Muted Cerulean color palette (#E6F0F6, #D0D2E8, #BCB4CE, #509DB9, #1F303A)
- Worn Station color palette (#E9F1EC, #D5C7D5, #B596A9, #005E78, #23322A)
- Indigo Pier color palette (#F4ECF1, #E2D2DA, #C9AFB9, #6363C7, #3B2634)
- Hushed Canyon color palette (#F9F3F8, #E1D7D8, #D4BCBC, #738ECA, #50434E)
- Cocoa Hollow color palette (#E4E6FF, #C395A9, #897095, #804646, #542613)
- Sapphire Loft color palette (#F0E2F0, #2A6ED1, #272F57, #220C22, #000604)
- Faded Mulberry color palette (#FCD4CA, #5D94DC, #575CBB, #7D1354, #0D204D)
Browse the whole catalog at Explore, or see today's palette.