Side Dishes
This British beans recipe delivers the buttery, garlicky, mustard-rich comfort that makes traditional baked beans a staple at British tables. The slow-cooked blend of beans, onions, and spices creates a dish so satisfying, it feels like a hug in food form.
I developed this version after years of testing—balancing sweetness, tang, and depth to achieve that perfect, restaurant-quality texture.
The secret lies in the slow simmer, which allows flavors to meld while keeping the beans tender yet firm. A touch of Worcestershire sauce adds that unmistakable British depth, while Dijon mustard brings the right amount of tang.
This isn’t just a side dish—it’s a flavor-packed centerpiece that pairs beautifully with toast, sausages, or even as a standalone meal.
What you’ll end up with is a rich, velvety sauce clinging to perfectly cooked beans, their edges caramelized just enough to create a satisfying bite.
The aroma alone will have everyone gathering around the table, and the first bite delivers that perfect balance of sweet, savory, and tangy notes that define classic British baked beans.
Serve warm with crusty toast for a true pub-style experience, or pile it onto grilled sausages for a hearty Sunday brunch. The recipe scales effortlessly, making it perfect for family gatherings or meal prep. Let’s get cooking—this dish is about to become a household favorite.
Ingredients for british beans
Sixteen ingredients—just the right mix of buttery richness, garlicky depth, and mustard-kissed tang for that iconic British comfort.
| Ingredient | Amount | Notes |
|---|---|---|
| Dried Navy Beans 🍲 | 2 cups | Unsoaked, for best texture |
| Yellow Onions 🧅 | 2 whole | Medium, finely diced |
| Garlic Cloves 🧄 | 6 cloves | Freshly minced, aromatic |
| Unsalted Butter 🧈 | ½ cup | Cold, for rich flavor |
| Dijon Mustard 🍯 | 2 tbsp | High-quality, tangy |
| Worcestershire Sauce 🍶 | 1 tbsp | Authentic British depth |
| Tomato Paste 🍅 | ½ cup | Smooth, for richness |
| Brown Sugar 🍬 | ¼ cup | Light, for subtle sweetness |
| Apple Cider Vinegar 🍏 | 1 tbsp | For tangy brightness |
| Beef Broth 💧 | 2 cups | Low-sodium preferred |
| Bay Leaves 🍃 | 2 whole | Fresh, for aromatic depth |
| Ground Black Pepper 🌶️ | ½ tsp | Freshly cracked |
| Sea Salt 🧂 | 1 ½ tsp | Diamond Crystal preferred |
| Fresh Thyme 🌿 | 1 tbsp | Leaves only, finely chopped |
| Crusty Bread 🍞 | 6 slices | For serving, optional |
The beans are the heart of this dish, so dried navy beans are non-negotiable—they hold their shape and absorb flavors beautifully. Costco or bulk bins are your best bet for high-quality dried beans. Rinse them well before cooking to remove any dust or debris. For the onions, yellow onions work best—their sweetness caramelizes perfectly during the slow cook. The garlic? Freshly minced makes all the difference, but if you're in a pinch, garlic powder at half the amount will do. The butter should be cold when you add it—this ensures it melts slowly and coats the beans in that luscious, velvety sauce.
No Dijon mustard? Whole-grain mustard with a splash of vinegar works in a bind, but the tang will be slightly different. Worcestershire sauce hard to find? Soy sauce plus a pinch of smoked paprika mimics that umami depth. The tomato paste can be swapped for crushed tomatoes at double the amount, but you'll lose that concentrated richness. Brown sugar substitutes? Maple syrup or honey both work, but they'll add a different depth of flavor. Fresh thyme is ideal, but dried thyme at one-third the amount is perfectly acceptable. For a vegetarian twist, swap the beef broth for vegetable broth plus a splash of balsamic vinegar.
This dish tastes even better the next day—flavors meld beautifully overnight. Store leftovers in an airtight container in the fridge for up to 5 days, or freeze for 3 months. The sauce thickens as it cools, so a splash of broth or water when reheating works wonders. For meal prep, double the recipe and portion into containers—perfect for lunches or quick dinners. The crusty bread? Warm it in the oven for 5 minutes before serving—nothing beats that buttery crunch against the rich beans.
Why You'll Love This Recipe
- I’ll be real: dried navy beans scare some people off, but these? You just rinse them overnight in cold water. No fancy soaking, no waiting hours—just wake up, drain, and go. My lazy Sundays thank me.
- No-Soaking Hassle: I’ll be real: dried navy beans scare some people off, but these? You just rinse them overnight in cold water. No fancy soaking, no waiting hours—just wake up, drain, and go. My lazy Sundays thank me.
- Buttery Mustard Magic: That Dijon mustard isn’t just there to say “fancy.” It cuts through the richness of the butter, balancing the sweetness of caramelized onions and the earthy beans. Honestly, the first time I skipped it, I regretted it instantly.
- Lunchbox Superstar: Pack these cold or reheated—they’re equally good. My kids grab them for school lunches, and I take them to potlucks because they’re hearty enough to stand alone. No sad, soggy sandwiches here.
Step-by-step instructions for buttery garlic and mustard-kissed comfort
This hearty British beans recipe delivers rich, velvety texture and deep flavor in every bite.
🍳 Step 1: Sauté the Aromatics in Butter
In a large, heavy-bottomed pot, melt the 0.5 cup unsalted butter over medium heat. Add the 2 whole yellow onions, finely diced, and cook for 8-10 minutes until they turn translucent and just begin to caramelize at the edges. This step builds the foundation of flavor—don't rush it.
Stir in the 6 cloves garlic cloves, freshly minced, and cook for another 1-2 minutes until fragrant. The garlic should sizzle gently but not brown—burnt garlic tastes bitter and overpowers the dish. Remove the pot from heat and set aside for now; we'll return to it once the beans are prepped.
🍳 Step 2: Cook the Beans Until Tender
In the same pot, add the 2 cups dried navy beans (no need to soak—this recipe works best with unsoaked beans for texture). Pour in the 2 cups beef broth and bring to a boil over high heat. Once boiling, reduce to a gentle simmer and cover partially, leaving a small gap for steam to escape.
Simmer for 1 hour to 1 hour 15 minutes, stirring occasionally, until the beans are tender but not mushy. You'll know they're ready when a bean easily crushes between your fingers with light pressure. If the liquid reduces too much before the beans are tender, add ½ cup hot water to maintain the right consistency.
🥘 Step 3: Build the Rich, Tangy Sauce
Return the pot to medium heat and stir in the 0.5 cup tomato paste, 2 tbsp Dijon mustard, 1 tbsp Worcestershire sauce, 0.25 cup brown sugar, and 1 tbsp apple cider vinegar. Let the mixture simmer for 5-7 minutes, stirring frequently, until it thickens slightly and the flavors meld together. The sauce should coat the back of a spoon and have a glossy, velvety appearance.
Add the 2 whole bay leaves, 1.5 tsp sea salt, 0.5 tsp ground black pepper, and 1 tbsp fresh thyme, finely chopped. Stir well to distribute the seasonings evenly. The bay leaves will infuse the beans with aromatic depth, while the thyme and pepper add a subtle earthiness that balances the richness.
⏰ Step 4: Finish with Butter and Rest
Reduce the heat to low and stir in the 0.5 cup unsalted butter, cold, in small pieces. Let it melt slowly into the beans, creating a luxuriously buttery finish that coats each bean. The butter should be fully incorporated, and the beans should glisten with a rich, golden sheen. Taste and adjust the seasoning if needed—you might need a pinch more salt or a splash of vinegar to balance the flavors.
Remove the pot from heat and let the beans rest for 10 minutes, covered. This resting period allows the flavors to fully develop and the beans to absorb the sauce. The beans should be tender, flavorful, and coated in a velvety, buttery sauce—perfect for serving with 6 slices crusty bread to soak up every last bit of that comforting goodness.
Pro Tips For Making British Beans
- SOAK BEANS OVERNIGHT: I learned this the hard way—skipping the soak leaves you with beans that never quite soften right. Cover dried navy beans in plenty of cold water (at least 3 inches above them) and let them sit 8–12 hours. No time? Quick-soak them in boiling water for 2 hours, then drain. The difference in texture is night and day.
- SWEEAT ONIONS LOW: High heat caramelizes onions too fast, and you’ll end up with bitter bits instead of sweet, golden base. Use medium-low heat and stir often—this isn’t the time to walk away. A splash of water now and then keeps them from sticking, and you’ll get that perfect mellow flavor for the butter and mustard.
- MELT BUTTER SLOWLY: Dumping cold butter into hot beans will seize them up and make the sauce grainy. Instead, melt the butter over low heat first, then whisk in the Dijon mustard until smooth. Pour it in gradually while stirring—this keeps the beans creamy, not gloppy.
- SALT THE BEANS HALFWAY: Adding all the salt at once makes navy beans tough. After soaking, rinse them well, then cook in fresh water with just a pinch of salt until mostly tender. Finish seasoning with the full amount when you add the butter and mustard. Trust me, your beans will thank you.
Make-ahead tips for this dish
Prep Ahead for Flavor
Start by prepping your beans the night before for maximum flavor. Soak the 2 cups dried navy beans in a bowl of water overnight—this cuts cooking time by 30-40 minutes. I use a quart-sized mason jar with plenty of water and a pinch of salt.
The beans will triple in size, so don’t overfill the jar. This step is non-negotiable for tender, flavorful beans that hold their shape beautifully. 💫
Slow Cooker Magic
For hands-off cooking, transfer the prepped beans and all ingredients (except butter and fresh thyme) to a 6-quart slow cooker. Cook on low for 6-7 hours or high for 3-4 hours until beans are tender.
Stir in the butter and thyme at the end, then let it rest for 10 minutes before serving. The slow cooker keeps the beans creamy without burning the sauce—perfect for busy weeknights.
Freezer-Friendly
This dish freezes like a dream for up to 3 months. Portion the cooled beans into quart-sized freezer bags, leaving 1-inch headspace for expansion. Label with the date and reheat directly from frozen—thaw overnight in the fridge or microwave on defrost mode for 2-3 minutes.
Add a splash of broth when reheating to restore the velvety texture. 🧊
Meal Prep Like a Pro
Double the recipe and store in glass Pyrex containers for easy grab-and-go meals. The beans reheat beautifully on the stovetop over medium-low heat for 5-7 minutes, stirring occasionally. I keep a batch in my fridge at all times—perfect for quick lunches or pairing with grilled sausages.
The flavors actually improve after a day or two, making it a win-win for meal prep.
Toaster Toppings
Prep your toppings in advance for a complete meal. Toast 6 slices crusty bread and store in a paper bag at room temperature for up to 3 days.
Keep toppings like crumbled feta cheese, chopped fresh parsley, or smoked paprika in small jars. Assemble with warm beans for a pub-style feast in minutes. 🍞
Flavor Boost Shortcuts
Save time by using pre-minced garlic or pre-diced onions from the store—just rinse them well to remove excess moisture. For an extra flavor kick, stir in 1 tsp smoked paprika or ½ tsp liquid smoke during the final 5 minutes of cooking.
These shortcuts keep the dish authentic while cutting prep time in half. Honestly, these little tricks make all the difference when you're short on time. 💡
Nutrition facts
Frequently asked questions
Can I use canned beans instead of dried for this recipe?
Yes, but with adjustments! Use 2 (15 oz) cans navy beans, drained and rinsed, to replace the dried beans. Reduce the beef broth to 1 cup and simmer for only 15-20 minutes after adding the sauce ingredients. Canned beans cook much faster, so watch carefully to avoid mushiness. The texture will be slightly softer than dried beans but still delicious.
What makes this recipe different from store-bought baked beans?
This version uses fresh ingredients like butter, garlic, and Dijon mustard instead of preservatives. The slow cooking process develops deeper flavors, and the balance of sweetness, tang, and umami creates a richer sauce. Plus, you control the salt and sugar levels—no artificial additives! The butter finish gives it that restaurant-quality velvety texture.
How do I fix beans that turned out too mushy?
If your beans are overcooked, try this: Stir in 1 tbsp tomato paste and ½ cup cold water, then simmer for 5 minutes to thicken the sauce. For extra texture, fold in 2 tbsp toasted breadcrumbs or crushed crackers. If the beans are truly mushy, consider making a fresh batch—the sauce can still be used as a dipping sauce for toast or sausages!
Can I make this vegetarian?
Replace the beef broth with vegetable broth and add 1 tbsp soy sauce or ½ tsp smoked paprika for depth. For extra richness, stir in 2 tbsp nutritional yeast at the end. The dish will still have that satisfying, hearty quality while being completely plant-based. The mustard and Worcestershire sauce add enough umami to keep it flavorful.
What are the best toppings for this dish?
Classic options include crumbled feta cheese, chopped fresh parsley, or a drizzle of hot sauce. For a British pub twist, try crispy fried onions or bacon bits. The buttery sauce also pairs perfectly with grilled sausages, crusty bread, or even as a filling for breakfast burritos. Don't forget a sprinkle of black pepper right before serving!