British Baked Beans Recipe hits that perfect balance of smoky, tomatoey, slightly sweet beans that taste cozy, hearty, and way more interesting than anything from a can. It works for anyone who loves a classic English breakfast, wants a budget-friendly meatless meal, and has about 1 hour and 15 minutes to spare. I first fell in love with these beans in a tiny London café, then spent years tweaking this version in my very American kitchen.
Why You Should Try This British Baked Beans Recipe
This British Baked Beans Recipe gives you tender navy beans in a rich tomato sauce with a gentle sweetness and a hint of smokiness. It tastes lighter and brighter than American barbecue beans, so you can enjoy it at breakfast, lunch, or dinner without feeling weighed down.
You control the sweetness, the salt, and the texture, which makes this recipe perfect if canned beans taste too sugary or too bland. It also uses simple pantry ingredients, so you can pull it together on a weeknight without a special grocery run.
“These homemade British baked beans taste like a cozy café breakfast at home and completely ruin canned beans for you in the best way possible. ★★★★★”
Ingredients You’ll Need
Beans
- 2 cups cooked navy beans (about 1 can, drained and rinsed)
- You can also use haricot beans, great northern beans, or cannellini beans.
- Canned beans save time and work great here, while cooked-from-dry beans give a slightly creamier texture.
Sauce base
- 1 tablespoon olive oil or neutral oil
- 1 small yellow onion, finely diced
- 2 cloves garlic, minced
- 2 tablespoons tomato paste
- Double-concentrated tomato paste adds deeper flavor, but any brand works.
- 1 cup tomato sauce or passata
- Use plain, unsalted if possible so you control the seasoning.
Liquid & seasoning
- 1 cup low-sodium vegetable broth or chicken broth
- Water works in a pinch, but broth adds more flavor.
- 1 tablespoon dark brown sugar
- Use light brown sugar or even maple syrup if you prefer.
- 1 tablespoon molasses
- Blackstrap tastes stronger and more bitter; regular unsulphured molasses tastes milder and works best.
- 1 teaspoon Dijon mustard
- 1 teaspoon apple cider vinegar
- 1 teaspoon smoked paprika
- Use sweet paprika if you dislike smokiness.
- 1 teaspoon Worcestershire sauce
- Use a vegetarian Worcestershire if you avoid anchovies.
- 1 teaspoon fine sea salt, plus more to taste
- ½ teaspoon freshly ground black pepper
- ¼ teaspoon ground white pepper (optional, for a gentle heat)
- 1 bay leaf
Optional flavor boosters
- 1 teaspoon soy sauce or tamari for extra savoriness
- ½ teaspoon onion powder if you want a stronger onion note
- ½ teaspoon garlic powder if you love garlic
- Small pinch of red pepper flakes if you like a light kick
Garnish (optional but tasty)
- Chopped fresh parsley or chives
- A small knob of butter to swirl in at the end for extra richness
Equipment
- Medium saucepan or small Dutch oven with lid
- Wooden spoon or silicone spatula
- Measuring cups and spoons
- Small bowl for mixing liquids (optional, but keeps things tidy)
Tips & Tricks
- Use canned navy beans to save time and still get a classic British Baked Beans Recipe texture.
- Rinse canned beans well to remove extra salt and any metallic taste from the can.
- Sauté the onion slowly until it turns soft and lightly golden to build a sweeter, deeper flavor.
- Toast the tomato paste in the pan for 1 to 2 minutes to remove any harsh acidity.
- Add the sugar and molasses gradually and taste as you go so the beans do not turn dessert-level sweet.
- Keep the simmer gentle so the beans stay whole and do not split too much.
- Stir occasionally so the sauce does not stick to the bottom of the pan.
- Adjust thickness at the end with a splash of broth if the sauce feels too thick.
- Let the beans sit for 5 to 10 minutes before serving so the sauce thickens and clings to the beans.
- Cook the beans a day ahead if you can, since the flavor deepens overnight in the fridge.
How to Make British Baked Beans Recipe
Step 1: Prep the beans and aromatics
Drain and rinse the canned navy beans under cold water, then set them aside. Finely dice the onion and mince the garlic so they cook quickly and evenly. Gather all the sauce ingredients before you start, because the recipe moves quickly once the onion softens.
Step 2: Sauté onion and garlic
Heat the oil in a medium saucepan over medium heat. Add the diced onion and cook for 5 to 7 minutes, stirring often, until it turns soft and lightly golden around the edges. Add the minced garlic and cook for 30 seconds to 1 minute, just until it smells fragrant and no longer raw.
Step 3: Toast the tomato paste
Add the tomato paste to the pan with the onion and garlic. Stir constantly and cook for 1 to 2 minutes, until the paste darkens slightly in color and starts to stick a bit to the bottom. This step deepens the tomato flavor and removes any sharp, tinny taste.
Step 4: Build the sauce
Pour in the tomato sauce and broth, then stir well to loosen any bits stuck to the bottom of the pan. Add the brown sugar, molasses, Dijon mustard, apple cider vinegar, smoked paprika, Worcestershire sauce, salt, black pepper, white pepper if using, and the bay leaf. Stir until everything combines into a smooth, reddish sauce.
Step 5: Simmer the sauce
Bring the mixture up to a gentle simmer over medium heat. Lower the heat to medium-low so the sauce barely bubbles around the edges. Let it cook for about 10 minutes, stirring occasionally, so the flavors meld and the sauce thickens slightly.
Step 6: Add the beans
Tip the drained beans into the pan and stir gently to coat them in the sauce. Keep the heat on low to medium-low so the beans warm through without breaking apart. Taste the sauce and adjust salt, sugar, or vinegar to suit your preference.
Step 7: Slow cook until tender and thick
Cover the pan partially with a lid, leaving a small gap for steam to escape. Simmer the beans for 25 to 30 minutes, stirring every few minutes, until the beans taste tender and the sauce thickens to a glossy, spoon-coating consistency. If the sauce thickens too much, add a splash of broth or water and stir it in.
Step 8: Finish and rest
Remove the bay leaf and discard it. Swirl in a small knob of butter if you want a richer finish, then sprinkle in soy sauce or tamari if you want a deeper savory note. Turn off the heat and let the British Baked Beans Recipe sit for 5 to 10 minutes so the sauce settles and thickens a bit more.
Step 9: Garnish and serve
Give the beans a final stir and taste one last time, adjusting seasoning if needed. Spoon the beans into bowls or over toast and top with chopped parsley or chives. Serve hot while the sauce still looks glossy and the beans feel creamy.
What to Serve with British Baked Beans Recipe
Serve this British Baked Beans Recipe piled high on thick slices of toasted sourdough or classic white sandwich bread for a simple, comforting meal. Add fried or scrambled eggs, grilled tomatoes, and sautéed mushrooms for a full English-style breakfast plate. You can spoon the beans over baked potatoes, roasted sweet potatoes, or simple rice for a budget-friendly dinner. They also pair nicely with grilled sausages, veggie patties, or a crisp green salad for a balanced plate.
Storage Options
- Store leftover British baked beans in an airtight container in the fridge for up to 4 days.
- Chill the beans completely before you freeze them, then store them in freezer-safe containers or bags for up to 3 months.
- Reheat gently on the stove over low heat with a splash of water or broth, stirring often until hot and bubbly.
- Reheat in the microwave in short bursts, stirring between each burst, and add a spoonful of water if the sauce looks too thick.
British Baked Beans Recipe
Ingredients
Instructions
- Drain and rinse the cooked navy beans under cold water and set aside. Finely dice the onion and mince the garlic.
- Heat the oil in a medium saucepan over medium heat. Add the diced onion and cook for 5 to 7 minutes, stirring often, until soft and lightly golden around the edges.
- Add the minced garlic and cook for 30 seconds to 1 minute until fragrant and no longer raw.
- Stir in the tomato paste and cook, stirring constantly, for 1 to 2 minutes until it darkens slightly and begins to stick to the bottom of the pan.
- Pour in the tomato sauce and broth, stirring to loosen any browned bits from the bottom of the pan.
- Add the brown sugar, molasses, Dijon mustard, apple cider vinegar, smoked paprika, Worcestershire sauce, salt, black pepper, white pepper if using, and the bay leaf. Stir until the sauce is smooth and combined.
- Bring the sauce to a gentle simmer over medium heat, then reduce the heat to medium-low. Simmer for about 10 minutes, stirring occasionally, until slightly thickened and flavorful.
- Add the drained beans to the pan and stir gently to coat them in the sauce. Taste and adjust the seasoning with more salt, sugar, or vinegar if needed.
- Partially cover the pan with a lid and simmer on low to medium-low for 25 to 30 minutes, stirring every few minutes, until the beans are tender and the sauce is thick and glossy. Add a splash of broth or water if the sauce becomes too thick.
- Remove the bay leaf and discard. Swirl in a small knob of butter and soy sauce or tamari if using, then turn off the heat and let the beans rest for 5 to 10 minutes to allow the sauce to thicken slightly.
- Stir the beans, taste and adjust seasoning once more, then serve hot, topped with chopped parsley or chives if desired.
Notes
Approximate per serving (1/4 of recipe): 230–260 calories; fat 5–7 g; saturated fat 1–2 g; carbohydrates 40–45 g; fiber 9–11 g; sugars 12–15 g; protein 9–11 g; sodium 650–850 mg. Values will vary based on broth, Worcestershire, added butter, and exact ingredients used.
Leave a Reply