Petrol Alley color palette — #EBF3F8 · #D1D6E6 · #A7B9CD · #316D85 · #192228
Peacock takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EBF3F8): a clean, paper-quiet neutral.
- Silver (#D1D6E6): A whisper-light, dusty violet — the color of wild irises.
- Ash (#A7B9CD): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#316D85): A full-bodied, dusty blue — the color of open sky before noon.
- Onyx (#192228): 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
- Softworn Petrol color palette (#EFF7F3, #CEDCDE, #BBAFBA, #206E85, #333D38)
- Muted Meadow color palette (#ECF2FC, #C9D3EF, #A2A9CC, #3C51AF, #101A2C)
- Softworn Thicket color palette (#D1E1F7, #9AA4D8, #686C8D, #584160, #3C223B)
- Cerulean Thicket color palette (#EEF7FB, #D8DAE5, #BCAFBB, #5195A8, #263035)
- Softworn Pier color palette (#DFE7EE, #A1B6CB, #7C8FA9, #00496B, #000C18)
- Ancient Coast color palette (#DDF9F6, #69B28A, #07765A, #294D54, #042121)
- Gentle Azure color palette (#E7F4FF, #70D9FF, #20AAFB, #6081C6, #01182E)
- Smoked Petrol Cabin color palette (#E0EBF6, #0066B5, #14253F, #030D19, #000205)
Browse the whole catalog at Explore, or see today's palette.