Petrol Alley color palette — #DDECF7 · #0068A4 · #003C75 · #00143D · #010020
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DDECF7): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#0068A4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003C75): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00143D): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#010020): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Washed Navy Canyon color palette (#D8EFF4, #007098, #003B70, #0A0073, #18003F)
- Petrol Orchard color palette (#D9ECEE, #006A7A, #003A4A, #001E2A, #00050B)
- Cobalt Pier color palette (#E2F2FF, #007BD0, #0053A7, #002B7A, #060052)
- Ancient Denim color palette (#D9E6F4, #005CA7, #005830, #002A52, #000401)
- Wandering Workshop color palette (#D1F4FD, #0087BF, #004D9A, #1D007F, #07001B)
- Moonless Nightshade Harbor color palette (#E7ECFF, #5A62D1, #2C11A0, #070038, #01000A)
- Dusty Violet Quarry color palette (#DCE2FD, #9B96DD, #9168B6, #0B3473, #050020)
- Ultramarine Grove color palette (#E1F0FF, #2585FB, #0349F0, #19009E, #130055)
Browse the whole catalog at Explore, or see today's palette.