Side Dishes
This UK-style bean casserole recipe delivers the ultimate in comforting, crispy-topped goodness with a creamy cheese twist that’s become a family favorite. The secret lies in layering rich baked beans with tender vegetables and a golden, crunchy breadcrumb topping—perfect for a hearty side or standalone dish.
I’ve perfected this version over years of Sunday dinners, ensuring every bite balances creamy, savory, and crispy textures.
The recipe starts with a base of baked beans and onions, simmered until thick and flavorful, then topped with a mix of grated cheese and breadcrumbs for that signature crispy finish.
Using 160°C (320°F) for 30 minutes ensures the cheese melts just right while the breadcrumbs turn golden and crunchy. It’s the kind of dish that transforms a simple meal into a showstopper—ideal for feeding a crowd or prepping ahead.
What makes this version stand out is the creamy cheese layer, blending sharp cheddar with a touch of creaminess that ties everything together. The result? A dish that’s rich, satisfying, and impossible to resist—especially when the aroma fills the kitchen.
Whether served alongside roast beef or as a standalone centerpiece, it’s a foolproof way to bring comfort to the table.
For extra flavor, add a sprinkle of mustard or a dash of Worcestershire sauce to the bean mixture, or swap the breadcrumbs for crushed potato chips for a modern twist. This recipe scales easily, so double it for leftovers—trust me, it disappears fast. Let’s get cooking!
Ingredients for bean casserole recipe uk
Layered comfort with crispy texture and creamy cheese—this UK classic needs just 14 simple ingredients.
| Ingredient | Amount | Notes |
|---|---|---|
| Canned Baked Beans 🍠 | 2 cups | Drained, not canned liquid |
| Yellow Onions 🧅 | 1 ½ cups | Diced, medium size |
| Carrots 🥕 | 1 ½ cups | Diced, medium size |
| Sharp Cheddar Cheese 🧀 | 2 cups | Vegetarian, freshly grated |
| Plain Breadcrumbs 🍞 | 1 ½ cups | Fine texture preferred |
| Vegetable Stock 💧 | 1 cup | Low-sodium preferred |
| Butter 🧈 | 2 tbsp | Unsalted, melted |
| Dried Mustard Powder 🌶️ | 1 tbsp | For depth of flavor |
| Worcestershire Sauce 🍶 | 1 tbsp | Vegetarian version |
| Salt 🧂 | 1 ½ tsp | Diamond Crystal preferred |
| Black Pepper 🌶️ | ½ tsp | Freshly ground |
| Garlic Cloves 🧄 | 3 cloves | Minced, fresh preferred |
| All-Purpose Flour 🌾 | 2 tbsp | For thickening |
| Milk 🥛 | ½ cup | Whole milk preferred |
The cheddar cheese is non-negotiable for that signature creamy texture. Grab a block from the deli counter—pre-grated gets clumpy and lacks depth. For the breadcrumbs, Tesco or Sainsbury's own-brand work perfectly, but if you're feeling fancy, panko adds extra crunch. The baked beans should be the high-quality canned variety—Heinz or Branston are the UK staples. Onions and carrots? Freshly diced makes all the difference, but if you're short on time, frozen chopped veg will work in a pinch. Garlic is worth toasting in the butter first—30 seconds until fragrant—for a deeper flavor base.
No sharp cheddar? Red Leicester or mature cheddar works beautifully. Short on breadcrumbs? Crushed potato chips or cornflakes give a similar texture. The Worcestershire sauce must be vegetarian—Lea & Perrins is the classic choice. For extra richness, swap half the milk for double cream. If your beans are too watery, thicken with a slurry of flour and water (1 tbsp flour + 2 tbsp cold water) instead of the all-purpose flour listed. The mustard powder can be omitted if you prefer a milder flavor, but trust me, it adds complexity that makes this dish sing.
This casserole reheats beautifully—15 minutes at 160°C (320°F) until bubbly. Store leftovers covered in the fridge for up to 4 days, or freeze portions for 3 months. The breadcrumb topping loses crispiness when reheated, so it's best served fresh from the oven. For make-ahead prep, assemble the dish (without baking) up to 24 hours ahead, then bake when ready. The flavors actually improve overnight as everything melds together.
Why You'll Love This Recipe
- One-Pan Magic: I swear by this recipe when I’m too tired to wash pots—just toss the beans, diced onions, and carrots in a tray, top with cheese and crumbs, and bake. No chopping boards, no fuss, just hands-off comfort.
- Cheese-Crusted Bliss: That sharp cheddar melting into crispy breadcrumbs on top? Absolute perfection. The caramelized onions add sweetness that cuts through the richness, making every bite feel like a hug.
- Lunchbox Hero: Between us, this is my go-to for packed lunches—it reheats beautifully and keeps for days. Kids (and adults) adore the cheesy crunch, and you can even double the batch for meal prep without guilt.
- Pocket-Friendly Feast: Honestly, it’s one of those recipes where you spend £3 on ingredients and feed four people. The baked beans are the star, but the cheese and crumbs stretch it into something hearty that won’t break the bank.
Step-by-step instructions for crispy-topped bean casserole
This method delivers a perfectly balanced dish with golden, crunchy breadcrumb topping and rich, cheesy filling.
Prepare the Base Ingredients
In a large skillet, melt the 2 tbsp butter over medium heat. Add the 1.5 cups diced yellow onions and 1.5 cups diced carrots, cooking for 8-10 minutes until softened and the onions become translucent. This step develops their natural sweetness while preventing a watery casserole later.
Stir in the 3 cloves minced garlic and cook for 30 seconds until fragrant—don't let it brown. Transfer the vegetable mixture to a large mixing bowl and set aside. In the same skillet, whisk together the 2 tbsp all-purpose flour and 0.5 cup milk to create a smooth paste, then remove from heat.
Build the Creamy Bean Filling
To the mixing bowl with vegetables, add the 2 cups drained canned baked beans, 1 cup vegetable stock, 1 tbsp Worcestershire sauce, 1 tbsp dried mustard powder, 1.5 tsp salt, and 0.5 tsp black pepper. Mix thoroughly to combine all ingredients evenly. Pour the flour-milk mixture into the bowl and stir until fully incorporated, creating a thickened base.
The filling should be smooth but still slightly chunky from the beans and vegetables. Taste and adjust seasoning if needed—this is your last chance before baking. The mustard powder adds depth, while the Worcestershire sauce brings that classic savory note British casseroles are known for.
Assemble and Bake the Casserole
Preheat your oven to 375°F. Transfer the bean mixture to a 9x13-inch baking dish, spreading it evenly. Sprinkle 1 cup of the sharp cheddar cheese evenly over the top, then dot the remaining 1 cup cheese in small clumps for visual appeal and extra cheesy pockets.
In a small bowl, combine the 1.5 cups plain breadcrumbs with 1 tbsp melted butter (reserved from earlier) and 1 tsp additional salt. Sprinkle this mixture evenly over the cheese layer, pressing down gently with the back of a spoon to ensure good contact. The breadcrumb topping will create that coveted crispy texture while absorbing moisture from the filling.
Bake to Golden Perfection
Bake uncovered for 30-35 minutes until the breadcrumb topping is deep golden brown and the edges bubble slightly. The filling should be hot throughout, with the cheese melted and bubbling. If the top browns too quickly, tent loosely with foil for the last 5-10 minutes to prevent burning.
Remove from the oven and let rest for 5 minutes before serving. This resting period allows the filling to set slightly, making it easier to slice and preventing a runny casserole. The contrast between the crispy, golden topping and creamy, cheesy filling is what makes this dish so satisfying.
Serve with Classic Accompaniments
Use a sharp knife to cut into 6 equal portions, ensuring each serving contains both crispy topping and creamy filling. The texture contrast is the star here—crunchy top, creamy middle, and tender vegetables throughout. Serve immediately with steamed green vegetables or a simple side salad to balance the richness.
For maximum comfort, pair with crusty bread or buttered dinner rolls to soak up any extra sauce. The sharp cheddar and mustard powder combination creates a flavor profile that's both comforting and sophisticated—a true British casserole classic done right.
Pro Tips For Making Bean Casserole Recipe Uk
- SAUTÉ ONIONS LOW AND SLOW: I used to rush this step and end up with bitter, watery onions—don’t. Cook them on medium-low heat for 8-10 minutes until soft and translucent, stirring occasionally. If they start sticking, splash in a teaspoon of water, but don’t walk away. This is where the flavour builds, not where you multitask.
- GRATE CHEESE FINE: Sharp cheddar loses its edge when clumped. Use a box grater or food processor for a powdery texture—this melts evenly and doesn’t turn greasy. Skip the pre-shredded stuff; it’s coated with anti-caking agents that make the topping soggy. (Yes, even if you’re in a hurry.)
- DRIZZLE BEANS WITH BEER: Swap half the water in the beans for a splash of pale ale or stout before mixing—it cuts the sweetness and adds depth. No alcohol? A teaspoon of wholegrain mustard works too. I learned this after tasting a pub version and realising how flat the standard recipe could be.
- PRESS BREADCRUMBS HARD: Don’t just sprinkle the crumbs on top—pack them down firmly with the back of a spoon. This creates a proper barrier against sogginess and guarantees a crispy finish. If you’re lazy, press in a layer of butter first, but don’t skip the pressure. (Your future self will notice the difference.)
Make-ahead tips for this bean casserole recipe uk
Assemble Ahead
Prepare the bean mixture completely—cook the vegetables, mix all ingredients, and transfer to your baking dish—but skip the breadcrumb topping. Cover tightly with plastic wrap and refrigerate for up to 24 hours.
When ready to bake, simply sprinkle the breadcrumbs and bake as directed. The flavors deepen overnight, making it even more delicious. 💫
Freezer-Friendly Base
For long-term prep, assemble the dish without the breadcrumb topping and freeze in a single airtight container or individual portions.
When ready to cook, thaw in the fridge overnight, add the breadcrumbs, and bake straight from frozen at 375°F for 40-45 minutes, tented with foil for the first 30 minutes to prevent over-browning. The texture stays crispy and cheesy!
Breadcrumbs Swap
If you're prepping ahead, store the breadcrumb mixture separately in a small airtight container in the fridge for up to 3 days. This keeps it fresh and crunchy when you're ready to top the casserole.
For extra flavor, mix in 1 tsp smoked paprika or 1 tbsp grated Parmesan to the breadcrumbs before adding them to the hot casserole.
Reheating Leftovers
Reheat individual portions in a microwave-safe dish covered with a damp paper towel for 2-3 minutes on high, then stir and add 1-2 tbsp water to restore creaminess. For oven reheating, cover with foil and bake at 350°F for 15-20 minutes until bubbly.
The breadcrumb topping won’t be as crispy, but the cheesy filling stays rich and satisfying. 🔥
Portion Control
Divide the fully assembled casserole (with topping) into individual oven-safe ramekins before baking. Pop them in the oven for 25-30 minutes at 375°F—perfect for meal prep or serving straight from the oven.
This method ensures each portion has that crispy, cheesy perfection without waiting for the whole dish to bake. Ideal for busy weeknights!
Cheese Prep Shortcut
Grated cheese loses moisture quickly, so store it in a small sealed container in the fridge for up to 3 days. For extra convenience, pre-portion the cheese into 1-cup measures in advance.
When ready to bake, simply sprinkle the pre-measured cheese over the bean mixture and top with breadcrumbs. This saves time and ensures even distribution every time. ✨
Nutrition facts
Frequently asked questions
Can I make this bean casserole without cheese?
The sharp cheddar is what gives this dish its signature creamy texture, but you can absolutely adapt it! For a vegetarian version, try using 1 cup nutritional yeast mixed with 1 tbsp lemon juice for a cheesy flavor without dairy. Or swap the cheese for 1 cup crumbled feta (Greek style) for a tangy twist. The breadcrumb topping will still provide that satisfying crunch.
How do I prevent the breadcrumb topping from getting soggy?
The key is baking time and technique! First, ensure your breadcrumbs are dry (pat them with a paper towel if needed). Press them gently onto the cheese layer before baking, and bake at 375°F for 30-35 minutes without tenting with foil. If your oven runs hot, tent only for the last 5 minutes to keep the top crispy. For extra insurance, sprinkle 1 tbsp cornstarch over the breadcrumbs before baking.
What vegetables can I add to this recipe?
This casserole is incredibly versatile! Classic additions include peas, mushrooms, or bell peppers—just sauté them with the onions and carrots for 5-7 minutes until tender. For a heartier dish, try 1 cup diced potatoes (add them to the baking dish with the beans) or 1 cup chopped spinach (fold in at the end). The mustard powder and Worcestershire sauce will complement all these additions beautifully.
Is this bean casserole suitable for vegetarians?
Yes, this recipe is fully vegetarian as written! The original uses vegetarian Worcestershire sauce and sharp cheddar, and all other ingredients are plant-based. For a vegan version, simply omit the cheese and replace it with 1 cup vegan cheese shreds or a mix of 1 cup cashews + 2 tbsp nutritional yeast blended until creamy. The breadcrumb topping remains the same.
Why did my casserole turn out watery?
Watery casseroles usually happen from one of three issues: First, check if you drained your baked beans thoroughly—residual liquid adds moisture. Second, ensure you cooked the onions and carrots until fully softened (8-10 minutes) to release their natural juices. Finally, if your bean mixture seems too thin, thicken it with 1 tbsp cornstarch mixed with 2 tbsp cold water, stirring until smooth before baking. Bake for 5-10 minutes longer if needed.