Petrol Prices Today in Pakistan

Pakistan Fuel Price Index | Live Rates Today :root { --bg-main: #0b0f19; --bg-card: #111827; --bg-elevated: #1f293d; --border-color: #1e293b; --border-active: #334155; --text-primary: #f8fafc; --text-secondary: #94a3b8; --text-muted: #64748b; --accent-blue: #38bdf8; --accent-emerald: #10b981; --accent-emerald-soft: rgba(16, 185, 129, 0.15); --accent-rose: #f43f5e; --accent-rose-soft: rgba(244, 63, 94, 0.15); } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: var(--bg-main); color: var(--text-primary); padding: 20px 12px; -webkit-font-smoothing: antialiased; } .fuel-widget { max-width: 600px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; } /* Live Bar Header */ .meta-bar { display: flex; align-items: center; justify-content: space-between; background: var(--bg-card); border: 1px solid var(--border-color); padding: 10px 14px; border-radius: 10px; } .live-pill { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; color: var(--accent-emerald); text-transform: uppercase; letter-spacing: 0.5px; } .live-dot { width: 8px; height: 8px; background-color: var(--accent-emerald); border-radius: 50%; box-shadow: 0 0 10px var(--accent-emerald); } .last-update { font-size: 11px; color: var(--text-secondary); } /* Content Block */ .section-card { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 14px; padding: 18px; } .section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; } .section-title { font-family: 'Space Grotesk', sans-serif; font-size: 16px; font-weight: 700; color: var(--text-primary); letter-spacing: -0.3px; } /* Hero Feature Card */ .hero-rate-card { background: linear-gradient(135deg, rgba(56, 189, 248, 0.08) 0%, rgba(16, 185, 129, 0.05) 100%); border: 1px solid rgba(56, 189, 248, 0.2); border-radius: 12px; padding: 16px; margin-bottom: 14px; display: flex; justify-content: space-between; align-items: center; } .hero-tag { font-size: 11px; font-weight: 700; color: var(--accent-blue); text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 4px; } .hero-val { font-family: 'Space Grotesk', sans-serif; font-size: 28px; font-weight: 700; color: var(--text-primary); line-height: 1; } .trend-badge { display: inline-flex; align-items: center; gap: 4px; padding: 6px 10px; border-radius: 20px; font-size: 12px; font-weight: 700; } .trend-badge.down { background: var(--accent-emerald-soft); color: var(--accent-emerald); border: 1px solid rgba(16, 185, 129, 0.3); } /* Fuel Rate Cards Grid */ .rate-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .rate-card { background: var(--bg-elevated); border: 1px solid var(--border-color); border-radius: 10px; padding: 12px; transition: border-color 0.2s ease; } .rate-card:hover { border-color: var(--border-active); } .rate-card-name { font-size: 11px; font-weight: 600; color: var(--text-secondary); text-transform: uppercase; margin-bottom: 6px; } .rate-card-price { font-family: 'Space Grotesk', sans-serif; font-size: 18px; font-weight: 700; color: var(--text-primary); } .rate-card-delta { font-size: 11px; font-weight: 600; margin-top: 4px; } .rate-card-delta.green { color: var(--accent-emerald); } .rate-card-delta.muted { color: var(--text-muted); } /* Table styling */ .custom-table-wrap { width: 100%; overflow-x: auto; } .custom-table { width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; } .custom-table th { color: var(--text-muted); font-weight: 700; text-transform: uppercase; font-size: 10px; letter-spacing: 0.5px; padding: 10px 8px; border-bottom: 1px solid var(--border-color); } .custom-table td { padding: 12px 8px; border-bottom: 1px solid var(--border-color); color: var(--text-secondary); } .custom-table tr:last-child td { border-bottom: none; } .custom-table tr td strong { color: var(--text-primary); } .text-right { text-align: right; } .text-center { text-align: center; } /* Chart Box */ .chart-container { position: relative; height: 220px; width: 100%; } /* FAQ Accordions */ .faq-list { display: flex; flex-direction: column; gap: 8px; } .faq-card { background: var(--bg-elevated); border: 1px solid var(--border-color); border-radius: 10px; padding: 12px 14px; } .faq-title { font-size: 13px; font-weight: 700; color: var(--text-primary); margin-bottom: 4px; } .faq-desc { font-size: 12px; color: var(--text-secondary); line-height: 1.5; } Official OGRA Rates Updated: August 04, 2026 Petrol (Super MS-92) Rs. 331.95 ▼ -4.08 PKR Petrol (Super) Rs. 331.95 ▼ -1.21% (-4.08 PKR) High-Speed Diesel Rs. 389.93 ▼ -0.62% (-2.45 PKR) Kerosene Oil Rs. 305.22 Unchanged Light Diesel Oil Rs. 258.84 Unchanged Official Fuel Price Breakup Fuel Product Current Rate Net Change Shift % Petrol (Super) 331.95 PKR -4.08 -1.21% High-Speed Diesel 389.93 PKR -2.45 -0.62% Kerosene Oil 305.22 PKR 0.00 0.00% Light Diesel Oil 258.84 PKR 0.00 0.00% Fuel Price Trend Tracker Historical Log (10-Day) Date Petrol (PKR) HSD (PKR) Kerosene Aug 04, 2026 331.95 389.93 305.22 Aug 03, 2026 336.03 392.38 305.22 Aug 02, 2026 336.03 392.38 305.22 Aug 01, 2026 336.03 392.38 305.22 Jul 31, 2026 336.15 393.04 303.63 Jul 30, 2026 335.06 390.62 303.63 Key Information & FAQs What is today's petrol price in Pakistan? As of August 04, 2026, standard petrol retails at Rs. 331.95 per litre following a price decrease of Rs. 4.08 per litre. What is today's high-speed diesel rate? High-Speed Diesel (HSD) costs Rs. 389.93 per litre after a decrease of Rs. 2.45 per litre. Are fuel prices identical across all major cities? Yes. Rates fixed by the Ministry of Energy/OGRA are uniform in all main urban centers including Karachi, Lahore, Islamabad, and Rawalpindi. const ctx = document.getElementById('fuelTrendChart').getContext('2d'); // Custom Dark Mode Gradient for Petrol const petrolGradient = ctx.createLinearGradient(0, 0, 0, 200); petrolGradient.addColorStop(0, 'rgba(16, 185, 129, 0.3)'); petrolGradient.addColorStop(1, 'rgba(16, 185, 129, 0.0)'); new Chart(ctx, { type: 'line', data: { labels: ['Jul 30', 'Jul 31', 'Aug 01', 'Aug 02', 'Aug 03', 'Aug 04'], datasets: [ { label: 'Petrol (PKR)', data: [335.06, 336.15, 336.03, 336.03, 336.03, 331.95], borderColor: '#10b981', backgroundColor: petrolGradient, borderWidth: 2.5, tension: 0.3, fill: true, pointBackgroundColor: '#10b981', pointRadius: 4 }, { label: 'Diesel (PKR)', data: [390.62, 393.04, 392.38, 392.38, 392.38, 389.93], borderColor: '#38bdf8', borderWidth: 2, borderDash: [5, 5], tension: 0.3, pointBackgroundColor: '#38bdf8', pointRadius: 3 } ] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { labels: { color: '#94a3b8', font: { family: 'Plus Jakarta Sans', size: 11, weight: '600' }, boxWidth: 12 } }, tooltip: { backgroundColor: '#1f293d', titleColor: '#f8fafc', bodyColor: '#94a3b8', borderColor: '#334155', borderWidth: 1, padding: 10 } }, scales: { x: { grid: { color: '#1e293b', drawBorder: false }, ticks: { color: '#64748b', font: { size: 10 } } }, y: { grid: { color: '#1e293b', drawBorder: false }, ticks: { color: '#64748b', font: { size: 10 } } } } } });