Jamie Oliver's Baked Beans Recipe: Smoky Sweetness with Crispy Onion Topping

Side Dishes

Jamie Oliver's Baked Beans Recipe: Smoky Sweetness with Crispy Onion Topping

This baked bean recipe from Jamie Oliver delivers smoky-sweet beans with a crispy onion topping that transforms a simple side into a showstopper. The secret lies in slow-cooked beans infused with molasses and spices, then crowned with caramelized onions that add texture and depth.

I've perfected this version to stay true to Oliver's accessible style while adding a touch of restaurant-quality richness.

What sets this recipe apart is the balance of flavors—sweet molasses, smoky paprika, and savory bacon create a sauce that clings to every bean, while the crispy onion topping adds a satisfying crunch.

The slow cooking process ensures tender beans that absorb all the flavor, making this dish hearty enough to serve as a main or a side that steals the show. It's the kind of recipe that feels indulgent but comes together with simple pantry staples.

The result is a dish that's foolproof yet impressive—creamy beans with a glossy, caramelized surface and onions that turn golden and crispy under the broiler. The aroma alone will have everyone gathering around the table, and the first bite delivers that perfect harmony of sweet, smoky, and savory.

This is comfort food at its finest, with just the right amount of effort.

Pair it with crusty bread for soaking up the juices or serve alongside grilled meats for a meal that feels like a celebration. The beauty of this recipe is its versatility—it works for weeknight dinners or special occasions, and the leftovers reheat beautifully. Let's get started on this crowd-pleaser!

👨‍🍳
Difficulty
Medium
🥩
Category
Meat
🔥
Calories
Med Cal

Ingredients for baked bean recipe jamie oliver

Simple pantry staples transform into Jamie Oliver's smoky-sweet baked beans with crispy onion topping.

Ingredient Amount Notes
Navy Beans (Dried) 🌱 2 cups Soaked overnight for best texture
Bacon (Thick-Cut) 🥓 ½ lb Diced, not pre-cooked
Yellow Onions 🧅 2 whole Sliced thin for caramelization
Molasses 🍯 ¼ cup Unsulphured for rich flavor
Tomato Paste 🍅 ½ cup Smooth texture preferred
Smoked Paprika 🌶️ 2 tbsp For authentic smoky depth
Brown Sugar 🍚 ¼ cup Light or dark variety
Mustard (Dijon) 🍯 1 tbsp For tangy balance
Apple Cider Vinegar 🍏 1 tbsp Brightens the flavor
Garlic Cloves 🧄 4 cloves Minced for aromatic base
Vegetable Oil 🫒 2 tbsp For crispy onion topping
Salt 🧂 1 ½ tsp Kosher or sea salt
Black Pepper 🌶️ ½ tsp Freshly ground preferred
All-Purpose Flour 🌾 1 tbsp For crispy onion coating

The beans are the heart of this dish, so dried navy beans give the best texture—none of that mushy canned stuff. Soak them overnight to cut cooking time by half. For the bacon, thick-cut is key—it renders fat beautifully and adds rich flavor. Costco or butcher shops usually have the best quality, but any grocery store bacon will work. The onions? Yellow onions caramelize best—red onions add color but burn faster. Look for firm, dry onions with no sprouting. Molasses is non-negotiable here—unsulphured gives the deepest flavor, and you can find it in the baking aisle or specialty stores.

No molasses? Maple syrup at half the amount works in a pinch, though it lacks that deep smoky note. Out of smoked paprika? Regular paprika plus a pinch of liquid smoke mimics it. The tomato paste can be the squeeze tube kind from Trader Joe's—it's perfect for this recipe. For the crispy topping, Panko breadcrumbs work if you're out of flour, but the flour creates a lighter, crispier crust. The bacon doesn't need to be fully cooked before going into the beans—it'll finish cooking during the slow bake. Fresh garlic is ideal, but garlic powder at half the amount is fine if you're in a rush.

This dish tastes even better the next day—4-5 days in the fridge, covered tightly. For the crispy topping, assemble it just before baking so it stays crunchy. Freeze portions for up to 3 months—the flavors deepen over time. I always make a double batch because these disappear fast. Store the extra in a sealed container with a layer of oil on top to preserve that crispy texture when reheated. Serve with crusty bread or alongside grilled meats for the full experience.

❤️

Why You'll Love This Recipe

  • One-Pan Magic: I swear by this recipe because it’s all in one dish—no fussing with multiple pots or pans. Just toss the soaked navy beans, crispy bacon, caramelized onions, and that rich molasses-tomato paste mix into a baking tray, and let the oven do the work. Honestly, the cleanup is criminally easy: one sheet pan, one spatula, and you’re done.
  • Smoky-Sweet Bliss: That molasses? It’s the secret weapon here. It deepens the flavor with every bite, balancing the smoky bacon and the slight tang of tomato paste. Between us, the longer it bakes, the better it gets—those beans soak up all that richness until they’re tender and irresistibly sticky. Not the prettiest, but the taste makes up for it every time.
  • Weeknight Workhorse: This is my go-to when I need something hearty but don’t want to slave over it. Serve it alongside grilled sausages for a pub-style feast, or pile it onto toast with a fried egg for a lazy Sunday breakfast. (Yes, even on a Tuesday night.) It’s the kind of dish that feels special but takes zero effort to pull off.
  • Budget-Friendly Pantry Staple: Dried navy beans and thick-cut bacon stretch this recipe into a crowd-pleaser without breaking the bank. A single batch feeds four, and leftovers reheat beautifully—whether you’re packing lunches or just craving seconds. I’ll be real: it’s my secret weapon for stretching groceries without sacrificing flavor.

Step-by-step instructions for Jamie Oliver's baked beans

Here's how to create this iconic dish with tender beans and a perfectly crisp topping.

1

🍳 Step 1: Cook the Bacon and Prepare the Beans

Start by dicing the 0.5 lb thick-cut bacon into small pieces. Place it in a large Dutch oven over medium heat and cook for 8-10 minutes, stirring occasionally, until the bacon is crispy and the fat has rendered. Use a slotted spoon to remove the bacon and set it aside, leaving the fat in the pot.

Drain and rinse the 2 cups soaked navy beans thoroughly, then add them to the Dutch oven with the bacon fat. Pour in 6 cups of fresh water, then add the 1.5 tsp salt, 0.5 tsp black pepper, and 2 tbsp smoked paprika. Bring to a boil, then reduce heat to medium-low and simmer for 30 minutes, stirring occasionally to prevent sticking.

2

🍳 Step 2: Build the Sweet-Savory Bean Mixture

After 30 minutes, stir in the 0.5 cup tomato paste, 0.25 cup molasses, 0.25 cup brown sugar, 1 tbsp Dijon mustard, and 1 tbsp apple cider vinegar. Add the 4 minced garlic cloves and the crispy bacon you set aside earlier. Stir well to combine all ingredients thoroughly.

Reduce heat to low and let the mixture simmer uncovered for 1 hour, stirring occasionally. The beans should be tender and the sauce should thicken slightly. If the mixture looks too thick, add up to 1 cup of water to reach your desired consistency. Taste and adjust seasoning if needed, adding more salt or vinegar as necessary.

3

🥘 Step 3: Prepare the Crispy Onion Topping

While the beans simmer, slice both whole yellow onions thinly. In a separate large skillet, heat 2 tbsp vegetable oil over medium heat. Add the sliced onions and cook for 10-12 minutes, stirring frequently, until they begin to caramelize and turn golden brown.

In a small bowl, mix the 1 tbsp all-purpose flour with 1 tsp salt. Sprinkle this mixture over the onions in the skillet and stir well to coat. Cook for an additional 2-3 minutes until the onions are crispy and the flour has created a golden crust. Remove from heat and set aside.

4

🔥 Step 4: Finish and Top the Baked Beans

Return the bean mixture to a gentle simmer and cook for an additional 30 minutes to allow the flavors to meld together. The beans should be completely tender and the sauce should have a thick, glossy consistency.

Preheat your oven to 375°F. Spoon the bean mixture into a 9x13-inch baking dish and spread it evenly. Top with the crispy onion mixture, pressing down gently to help it adhere. Bake for 15-20 minutes until the onions are golden and crispy again and the beans are bubbling at the edges.

5

⏰ Step 5: Rest and Serve

Remove the baking dish from the oven and let it rest for 10 minutes before serving. This resting period allows the beans to absorb any remaining juices and the flavors to settle. Serve immediately with crusty bread or over mashed potatoes to soak up the delicious sauce.

The beans should be tender with a rich, smoky-sweet flavor, and the crispy onion topping should add a delightful textural contrast with each bite. This dish tastes even better the next day, so consider making extra for leftovers.

👨‍🍳

Pro Tips For Making Baked Bean Recipe Jamie Oliver

  • CRISP THE BACON LOW: I used to blast that bacon on high, and it’d turn into greasy sludge before rendering. Instead, cook it on medium-low—it’ll render slower, keep its shape, and give you crispy edges without burning. Save the fat for the beans later; it’s liquid gold.
  • SOAK BEANS OVERNIGHT: Skipping the soak? Your beans will stay tough and chewy. Toss dried navy beans in a bowl, cover with cold water, and let them sit at least 8 hours (or overnight). Drain and rinse before cooking—this cuts down time and prevents that mealy texture.
  • CARAMELIZE ONIONS UNTIL DARK: The onions should be deep amber, almost brown—like they’ve seen better days. If you rush this step, the molasses won’t sing. Use a splash of water if they stick, but don’t walk away. Patience here means richer, sweeter flavor in every bite.
  • STIR IN TOMATO PASTE LAST: Add that tomato paste too early, and it’ll burn before the beans soften. Wait until the onions are caramelized and the bacon’s fat is shimmering—then mix it in. Stir well, let it bloom for 30 seconds, and you’ll get a glossy, balanced sauce instead of bitter chunks.

Common mistakes when making this recipe

Skipping the Soak

Rushing and skipping the overnight soak is the #1 mistake I see—never use canned beans for this recipe. Dried beans need that soak to soften properly, and canned beans will turn mushy.

If you forget to soak overnight, do a quick soak: Cover beans in water, bring to a boil for 2 minutes, then let sit for 1 hour. This won’t be perfect, but it’s better than skipping entirely! 🌱

Overcooking the Bacon

Crispy bacon is key, but don’t burn it! Cooking thick-cut bacon at too high heat turns it bitter. Keep the heat at medium and stir occasionally. Remove it when it’s golden and crispy—not blackened.

The fat should render slowly, creating a rich base for the beans. I’ve ruined more batches by overcooking bacon than any other step. 🥓

Ignoring the Simmer Time

Rushing the 1-hour simmer is a flavor killer. This step lets the molasses and spices meld into the beans. Skipping it results in a watery, underseasoned dish. If you’re short on time, simmer for at least 45 minutes—but trust me, the extra 15 minutes makes all the difference.

The sauce should thicken naturally; don’t rush it with high heat. 🔥

Skimp on the Onion Topping

Thinly sliced onions are non-negotiable for that crispy texture. Thick slices won’t caramelize properly, and the topping will turn soggy. Use a mandoline for even slices if you’re not confident with a knife.

Also, don’t skip the flour coating—it’s what creates that golden crust. A little extra effort here makes the dish shine. 🧅

Overmixing the Topping

Once you add the flour to the onions, stir just until coated. Overmixing makes the onions mushy instead of crispy. A quick toss is all you need—2-3 minutes max on medium heat.

The goal is a light, airy crust, not a gluey mess. I’ve seen this mistake turn a great dish into a sad, soggy side. ✨

Underbaking the Topping

Baking the onions for less than 15 minutes at 375°F means they’ll stay soft. They need that time to re-crisp after sitting on the beans. If the onions look pale, broil for 1-2 minutes at the end—just watch closely to avoid burning.

The topping should be golden and crunchy, not limp. This is where the magic happens! 💫

Nutrition facts

Servings 6
Amount Per Serving
Calories 380kcal
% Daily Value *
Total Fat 18g23%
Saturated Fat 5g25%
Cholesterol 35mg12%
Sodium 850mg37%
Total Carbohydrate 50g18%
Dietary Fiber 8g29%
Sugars 22g
Protein 16g32%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Can I make this recipe without molasses?

Yes! If you don't have molasses, substitute with ½ cup maple syrup or ¼ cup honey plus 1 tsp apple cider vinegar to maintain balance. The flavor will be slightly less deep, but still delicious. For a smoky note, add an extra ½ tsp liquid smoke to compensate.

2

How do I store leftovers?

Store in an airtight container with a layer of plastic wrap pressed directly on the surface to preserve the crispy topping. Reheat in a 350°F oven for 20-25 minutes until warmed through. For extra crispiness, broil for 2-3 minutes at the end. Leftovers keep well for 4-5 days in the fridge.

3

Can I make this recipe vegetarian?

Swap the bacon for smoked tofu or tempeh (crumbled and pan-fried), and use vegetable broth instead of water. Add 1 tbsp soy sauce for umami depth. The smoky paprika and molasses will still shine, creating a rich vegetarian version.

4

Why did my onion topping get soggy?

This usually happens from overmixing the flour or underbaking. For crispiness, coat onions with flour just until evenly dusted (no lumps), then bake at 375°F for 15+ minutes. If needed, broil for 1-2 minutes at the end for extra crunch. The topping should be golden, not pale.

5

What's the best way to reheat individual portions?

Transfer portions to a microwave-safe dish, cover loosely with a damp paper towel, and heat for 1-2 minutes on medium power. For oven reheating, cover with foil and bake at 325°F for 15 minutes, then uncover and broil for 2 minutes to restore crispiness. Avoid reheating in the air fryer—it can dry out the beans.

★★★★★4.6(4 reviews)
Categories Side Dishes