Sauces & Condiments
This St James baked beans recipe delivers the rich, saucy perfection that makes every meal feel like a Sunday roast. 🌟 I first tasted them in a cozy British pub, and the combination of smoky bacon, sweet brown sugar, and tangy tomato sauce became an instant obsession—now I recreate it at home with the same depth of flavor.
The secret lies in slow simmering, where the beans absorb the caramelized onion and spiced tomato base until the sauce is thick, glossy, and clinging to every bite.
The recipe builds on traditional methods but adapts them for home kitchens, using simple ingredients like bacon, brown sugar, and Worcestershire sauce to create that signature creamy texture. Unlike store-bought versions, this one develops layers of flavor through careful browning and simmering—no shortcuts, just restaurant-quality results.
The dish serves as a hearty side for roasts or a satisfying main with crusty bread, proving that comfort food doesn’t require fancy techniques.
What you’ll end up with is a pot of beans so rich and saucy that it practically melts in your mouth, with just the right balance of sweetness, smokiness, and tang. The sauce clings to the beans like a velvety blanket, while the edges caramelize into a glossy sheen.
This isn’t just a side dish—it’s a flavor experience that turns ordinary meals into something special. Ready to make it?
Whether you’re serving it alongside a Sunday roast or pairing it with grilled sausages, this recipe delivers the same warmth and satisfaction as the original. The process is straightforward but requires patience—let the flavors meld and the sauce thicken over time. Trust me, the wait is worth every bite.
Ingredients for st james baked beans
Simple pantry staples transform into velvety, caramelized beans that taste like a British pub classic.
| Ingredient | Amount | Notes |
|---|---|---|
| Dried Navy Beans 🌱 | 2 cups | Soaked overnight for best texture |
| Thick-Cut Bacon 🥓 | 8 oz | Chopped into small pieces |
| Large Yellow Onion 🧅 | 1 whole | Finely chopped, caramelized |
| Brown Sugar 🍯 | ½ cup | Light or dark, packed |
| Tomato Paste 🍅 | ½ cup | Smooth, not chunky |
| Ketchup 🍅 | ½ cup | Heinz preferred for consistency |
| Worcestershire Sauce 🍶 | 2 tbsp | High-quality for depth |
| Apple Cider Vinegar 🍎 | 1 tbsp | For tangy brightness |
| Ground Mustard 🌶️ | 1 tbsp | Dijon preferred |
| Beef Broth 🍲 | 1 ½ cups | Low-sodium preferred |
| Black Peppercorns 🌶️ | 1 tsp | Freshly cracked |
| Bay Leaves 🌿 | 2 whole | Fresh, not dried |
| Salt 🧂 | 1 ½ tsp | Kosher or sea salt |
| Unsalted Butter 🧈 | 2 tbsp | For richness at the end |
The bacon is non-negotiable here—thick-cut gives the best smoky flavor, and chopping it small ensures it cooks through without burning. Costco or Trader Joe's often have great deals on bulk bacon, but any quality brand works. The beans? Navy beans are traditional, but kidney beans (soaked overnight) work too. For the onion, yellow or red both work, but make sure to caramelize it slowly—this is where the deep flavor comes from. If you're in a rush, pre-chopped frozen onions save time, but fresh is better.
No Worcestershire sauce? Substitute with 1 tbsp soy sauce plus 1 tsp balsamic vinegar—it won't be identical, but it adds depth. Running out of brown sugar? White sugar plus 1 tsp molasses mimics the flavor. The tomato paste can be swapped for crushed tomatoes (1 cup), but you'll lose that glossy, thick texture. For the mustard, Dijon is best, but yellow mustard in a pinch works too. The bay leaves? Fresh is ideal, but dried works at half the amount if that's all you've got. And if you're watching sugar, reduce the brown sugar to 0.25 cup and add 1 tbsp maple syrup—still delicious.
These beans taste even better the next day—make a double batch and freeze half for lazy weeknights. Store in the fridge for 5 days in an airtight container, or freeze for up to 3 months. The sauce thickens as it cools, so if it seems too thick when reheating, just add a splash of water or broth. Serve with crusty bread or roasted potatoes to soak up every last bit of that creamy sauce.
Why You'll Love This Recipe
- No-Soaking Needed: I’ll admit, I used to dread the overnight soak for navy beans—until I realized these can bake straight from the jar (or pantry) with a quick rinse. The slow oven time softens them perfectly, and honestly? That crispy bacon on top makes you forget any prep fuss.
- Sweet-Savory Magic: That brown sugar and tomato paste combo? It’s the secret weapon. The caramelized onions and smoky bacon create this deep, almost molasses-like richness that balances the beans’ earthiness—like a hug in a bowl. (Yes, even on a Tuesday night.)
- Leftovers That Shine: Between us, these taste better the next day. The flavors meld overnight, and reheating them with a splash of water keeps that tender texture. I’ve packed these for lunch—no one’s ever complained, and I’ve never had to explain why they’re worth the effort.
- Budget-Friendly Feast: Dried beans and bacon? That’s a powerhouse for stretching meals. A pound of navy beans feeds my family for days, and the bacon adds luxury without breaking the bank. It’s my go-to when I need to impress guests or just fill up the fridge for cheap.
Step-by-step instructions for creamy St James baked beans
This recipe delivers that signature creamy, smoky-sweet flavor you crave—rich, tender beans with a glossy sauce.
🔥 Step 1: Cook the Bacon and Caramelize the Onion
In a large Dutch oven, cook the 8 oz thick-cut bacon over medium heat for 10-12 minutes, stirring occasionally, until golden brown and crispy. Use a slotted spoon to transfer the bacon to a paper towel-lined plate, leaving the rendered fat in the pot.
Here's where the magic starts: Add the finely chopped large yellow onion to the bacon fat and cook over medium-low heat for 15-20 minutes, stirring frequently. You're looking for deep golden caramelization—that sweet, jammy texture that forms the flavor base. If the onions start to brown too quickly, reduce the heat slightly. This step builds the rich foundation for that creamy sauce.
👨🍳 Step 2: Build the Sauce Base
Stir in the 0.5 cup tomato paste, 0.5 cup ketchup, 2 tbsp Worcestershire sauce, 1 tbsp apple cider vinegar, 1 tbsp ground mustard, 1.5 cups beef broth, 1.5 tsp salt, 1 tsp black peppercorns, and 2 whole bay leaves. Bring everything to a gentle boil, then reduce heat to low and let it simmer for 5 minutes, stirring occasionally. This lets the flavors meld and the tomato paste fully incorporate.
Real talk: Don't skip the simmering. This is where the sauce starts to thicken slightly and develop depth. You'll notice the mixture darkens a bit and smells incredible—like a sweet, tangy, smoky perfume. This is your checkpoint: the sauce should be smooth with no lumps, and the onions should be completely coated in the mixture.
🥘 Step 3: Add the Beans and Simmer
Drain and rinse the 2 cups soaked dried navy beans thoroughly. Add them to the Dutch oven along with the crispy bacon. Stir gently to coat the beans in the sauce, then bring to a gentle boil. Once boiling, reduce heat to low, cover partially, and let it simmer for 1 hour to 1 hour 15 minutes, stirring occasionally.
Here's the thing—you want the beans to absorb the sauce but not disintegrate. After 45 minutes, check for doneness by pressing a bean with a fork. It should be tender but still hold its shape. If the sauce gets too thick, add 2-3 tablespoons of water to maintain creaminess. The beans are done when they're fork-tender and the sauce has thickened into a luscious consistency.
⏰ Step 4: Finish with Butter for Creamy Richness
Remove the 2 whole bay leaves and discard them. Stir in the 2 tbsp unsalted butter, letting it melt completely into the sauce. This final step transforms the sauce from good to extraordinary—adding a velvety richness that makes these beans irresistible. Taste and adjust seasoning if needed; you might want to add a pinch more salt or a splash of vinegar to balance flavors.
Let the beans sit off heat for 5 minutes before serving. This resting period allows the flavors to fully meld and the sauce to thicken slightly more. The result? Creamy, smoky-sweet baked beans with tender beans in a glossy sauce that'll have everyone asking for seconds. Serve warm with cornbread or crusty bread to soak up every last drop of that delicious sauce.
Pro Tips For Making St James Baked Beans
- CRISP THE BACON LOW: Thick-cut bacon needs patience—cook it slow over medium heat until the fat renders just before it gets crispy, then crank the heat to finish. I used to rush it and ended up with greasy, limp bacon that drowned in the sauce. Save the crispy bits for topping; they’re the only thing that makes this dish feel special.
- SOAK BEANS 12 HOURS: Navy beans are stubborn. Skip the overnight soak and they’ll turn to mush. I learned this the hard way—my first attempt used cold water for 4 hours, and the beans disintegrated. Use twice the water (4 cups per pound) and let them sit at room temp for 12 hours. Drain, rinse, and they’ll hold their shape like they should.
- CARAMELIZE ONIONS UNTIL STICKY: The onion isn’t just flavor—it’s the glue. Cook it in the bacon fat until it’s deep golden and almost jammy, with edges starting to brown. I used to walk away when it smelled done, but that’s when it turns bitter. Keep it moving and let it reduce until the pan barely has liquid left.
- STIR IN TOMATO PASTE EARLY: Don’t wait until the end to add the tomato paste—mix it into the beans and liquid after the initial simmer. This way, it cooks evenly and doesn’t clump into a thick, pasty blob on top. I was skeptical until I tried it; now it’s non-negotiable for that smooth, rich texture.
Make-ahead tips for this st james baked beans
Overnight Prep
Start by soaking your 2 cups dried navy beans in a large bowl of water overnight—this cuts cooking time dramatically. I use a quart-sized mason jar for easy draining, and add a pinch of salt to the soaking water to help soften the beans faster.
If you forget to soak them, don’t panic: just boil them for 2 minutes first to soften their skins before simmering. 🌱
Double Batch Freezer Hack
Make a double batch and freeze half for lazy weeknights—I swear by this. Portion the cooled beans into quart-sized freezer bags, squeezing out excess air to prevent freezer burn. Label with the date and freeze for up to 3 months.
When ready to eat, thaw overnight in the fridge or reheat directly from frozen on low heat with a splash of water. The sauce thickens beautifully after reheating, just like the first time.
Slow Cooker Shortcut
For busy days, use a 6-quart slow cooker on low for 6-7 hours after the initial browning and sauce-building steps. I add all ingredients except the butter (save that for finishing) and cook with the lid slightly ajar to let excess moisture escape.
This keeps the sauce from becoming watery. The slow cooker method is my go-to when I’ve got other dinner prep to handle—no hovering required.
Sauce Thickening Tip
If your sauce seems too thin after simmering, don’t dump in cornstarch—it’ll make the beans gummy. Instead, mash 2-3 cooked beans directly into the pot and let them simmer for 5 minutes. The natural starch thickens the sauce naturally, just like in pub-style recipes.
For extra richness, stir in 1 tbsp tomato paste at the end, too. This trick works every time without altering the flavor.
Reheating Like a Pro
Stovetop reheating is key to maintaining that creamy texture. Transfer beans to a pot and warm over medium-low heat for 8-10 minutes, stirring occasionally. If the sauce separates, add 1-2 tablespoons of water or beef broth and let it simmer until smooth.
Microwave reheating? Cover with a damp paper towel and heat in 1-minute intervals on 50% power—this prevents the sauce from splitting. Always taste and adjust seasoning after reheating. 🔥
Make-Ahead Serving Ideas
Prepped beans keep beautifully in the fridge for 5 days in an airtight container. I love serving them cold as a picnic side with sandwiches or reheating them for a quick weeknight meal.
For a meal-prep win, portion into glass storage containers with a side of cornbread or crusty bread—everything stays fresh and ready to grab. The flavors actually improve overnight, so leftovers often taste even better than the first batch. Perfect for feeding a crowd with minimal effort!
Nutrition facts
Frequently asked questions
Why does this recipe use both tomato paste and ketchup?
The tomato paste creates that signature thick, glossy texture while the ketchup adds the tangy sweetness you'd find in classic British pub-style baked beans. Together, they create a balanced sauce that's both rich and slightly tangy.
Can I make these beans without bacon?
For a vegetarian version, swap the bacon with smoked paprika (1 tsp) plus 2 tbsp olive oil to mimic the smoky flavor. The beans will still be delicious—just add a pinch more salt since bacon adds significant flavor.
How do I know when the beans are fully cooked?
After 45 minutes of simmering, press a bean with a fork—it should be tender but still hold its shape. If it crumbles, they're overcooked. The sauce should also thicken into a luscious consistency that clings to the beans.
Can I use canned beans instead of dried?
Yes, but you'll need to adjust the cooking time. Use 4 cups drained canned navy beans and simmer for just 20-30 minutes to let the flavors meld. Add them at the end of the sauce-building step to avoid mushiness.
What's the best way to serve these beans?
These beans shine as a side for roasts or sausages, but they're hearty enough to be a main with crusty bread or cornbread. For extra flair, top with chopped parsley or a dollop of sour cream. The sauce is so rich, it practically disappears off your plate!
