Petrol Alley color palette — #E1F1F8 · #0074A8 · #07376A · #310D38 · #220206

Built around Slate, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#E1F1F8): bright and airy, almost weightless.
• Slate (#0074A8): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#07376A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#310D38): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#220206): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, muted.

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

• Tempered Balcony color palette (#D4E8FE, #596B9D, #3E396E, #391617, #1B0B00)
• Cypress Boulevard color palette (#E1F3F0, #007881, #00485B, #331527, #19032C)
• Velvet Ultramarine color palette (#D7E5FE, #005BD4, #00255D, #29121C, #00071F)
• Dusty Station color palette (#EDF1E4, #3886C2, #003C74, #00202E, #000624)
• Moonless Grove color palette (#DAECE6, #005686, #004D14, #00233A, #000901)
• Cobalt Station color palette (#E4ECFE, #7474BF, #5F4882, #592031, #3A1A00)
• Velvet Aubergine color palette (#D1E0F7, #003989, #56005C, #002A2A, #000108)
• Periwinkle Villa color palette (#D1E1EE, #78A0D9, #5A6090, #5E3A3B, #4B2533)

Browse the whole catalog at Explore, or see today's palette.