Here is my favorite baked beans on toast recipe, with a homemade smoky-sweet bean sauce made from scratch, white beans simmered in maple syrup and molasses, and thick slices of toasted sourdough.
This dish is one of those simple comfort meals that my family asks for on busy weeknights. I love making a big batch because it tastes even better the next day. Plus, who doesn’t love beans for breakfast?
Why You’ll Love This Baked Beans on Toast
- Quick and easy weeknight meal – Ready in under 45 minutes, this recipe is perfect for busy evenings when you want something satisfying without spending hours in the kitchen.
- Plant-based and nutritious – Packed with fiber and protein from white beans, this dish is naturally vegan and will keep you full and energized.
- Pantry-friendly ingredients – Most of what you need is probably already in your cupboard – canned beans, tomato paste, and basic seasonings make this an accessible recipe.
- Customizable and flexible – You can easily make it oil-free, serve it on gluten-free bread or even a baked potato, and top it with whatever greens you have on hand.
- Comforting homemade flavor – The sweet and tangy sauce made from scratch beats canned baked beans any day, giving you that cozy, satisfying taste without any preservatives.
What Kind of Beans Should I Use?
For baked beans, white beans are your best bet – think navy beans, great northern beans, or cannellini beans. Navy beans are the traditional choice and what you’ll find in most canned baked beans at the store, plus they hold their shape nicely while soaking up all that sauce. Great northern beans are slightly larger and creamier, while cannellini beans give you a buttery texture that works really well too. Whichever variety you pick, canned beans are totally fine for this recipe and honestly make life a lot easier since they’re already cooked and ready to go.
Options for Substitutions
This recipe is pretty forgiving and works well with a few simple swaps:
- Shallot: If you don’t have a shallot, go ahead and use half a small white or yellow onion instead. They’ll give you a similar flavor base.
- White beans: Navy beans are traditional, but cannellini or great northern beans work just as well. Even chickpeas can work if that’s what you have in your pantry.
- Apple cider vinegar: White vinegar or red wine vinegar can step in here. Just use the same amount for that tangy kick.
- Maple syrup: Brown sugar, coconut sugar, or even honey (if not strictly vegan) can replace the maple syrup. Start with the same amount and adjust to your taste.
- Molasses: This ingredient really gives the beans their classic flavor, but if you don’t have it, you can add an extra teaspoon of maple syrup and a tiny pinch of brown sugar.
- Bread: Any bread works here – sourdough, whole wheat, or even English muffins. You can also skip the bread entirely and serve over baked potatoes or rice.
- Toppings: The arugula, roasted tomatoes, and spinach are suggestions. Feel free to use whatever greens you have on hand or skip them if you prefer your beans plain.
Watch Out for These Mistakes While Cooking
The biggest mistake when making baked beans is rushing the simmering process, which leaves you with watery sauce instead of the thick, rich coating that clings to each bean – let it bubble away for the full 8-10 minutes and stir frequently to help the liquid reduce properly.
Don’t skip rinsing your canned beans, as the starchy liquid can make your sauce slimy and affect the overall flavor of the dish.
If your sauce seems too thick, add water a tablespoon at a time rather than pouring in a bunch at once, and if it’s too thin, just keep cooking it a few minutes longer until it reaches that perfect consistency.
Finally, make sure your toast is actually crispy before adding the beans – soggy bread ruins the whole experience, so toast it well and consider a light spread of butter to create a barrier that helps keep it from getting mushy too quickly.
What to Serve With Baked Beans on Toast?
Baked beans on toast is already a complete meal, but I love adding a fried or poached egg on top for extra protein and that runny yolk situation. A side of sautéed mushrooms or roasted cherry tomatoes makes it feel more like a proper brunch, and honestly, a handful of fresh arugula or spinach on the side helps balance out all that saucy goodness. If you’re really hungry, some crispy hash browns or roasted potatoes on the side turn this into a full English-style breakfast that’ll keep you going all morning.
Storage Instructions
Store: Keep your leftover baked beans in an airtight container in the fridge for up to 5 days. The flavors actually get better as they sit, so this is a great recipe to make ahead for quick breakfasts or lunches throughout the week.
Freeze: The beans freeze really well for up to 3 months. Just let them cool completely first, then portion them into freezer-safe containers or bags. I like to freeze individual servings so I can grab just what I need for a quick meal.
Reheat: Warm the beans in a small pot over medium-low heat, stirring occasionally until heated through. You can also microwave them in 30-second intervals. Add a splash of water if they seem too thick after storing.
| Preparation Time | 10-15 minutes |
| Cooking Time | 20-30 minutes |
| Total Time | 30-45 minutes |
| Level of Difficulty | Easy |
| Servings | 4 servings |
Estimated Nutrition
Estimated nutrition for the whole recipe (without optional ingredients):
- Calories: 1100-1250
- Protein: 35-43 g
- Fat: 15-22 g
- Carbohydrates: 215-240 g
Ingredients
For the beans:
- 1 tbsp olive oil
- 1/2 cup shallot (finely diced into 1/4-inch pieces)
- 1/2 tsp salt
- 1/4 tsp pepper
- 2 tsp garlic powder
- 1/2 tsp smoked paprika
- 1.25 cups water
- 1 tbsp apple cider vinegar
- 1/4 cup tomato paste
- 2 tbsp yellow mustard
- 4 tsp maple syrup
- 2 tsp molasses
- 30 oz white beans (rinsed and drained)
For the toast:
- 4 slices hearty sourdough bread (cut into thick 1-inch slices)
- 2 tbsp butter (or vegan butter for dairy-free)
For the garnish (optional):
- arugula
- cherry tomatoes (halved lengthwise)
- fresh parsley (finely chopped)
- wilted spinach
Step 1: Toast the Bread
- 4 slices hearty sourdough bread
- 2 tbsp butter
While you prepare the beans, toast the sourdough slices in a toaster or under the broiler until golden and crispy on the outside, about 3 minutes.
This gives the bread structure to support the beans without becoming soggy.
Immediately butter the hot toast generously so it melts into the bread and adds richness to each bite.
Step 2: Build the Sauce Base with Aromatics
- 1 tbsp olive oil
- 1/2 cup shallot
- 1/2 tsp salt
- 1/4 tsp pepper
Heat olive oil in a pot over medium heat and add the diced shallots with salt and pepper.
Sauté for 3-5 minutes until the shallots soften and become fragrant—this develops their natural sweetness and creates the flavor foundation for the sauce.
I like to stir occasionally to ensure even cooking without browning them too much.
Step 3: Create the Bean Cooking Liquid
- 2 tsp garlic powder
- 1/2 tsp smoked paprika
- 1.25 cups water
- 1 tbsp apple cider vinegar
- 1/4 cup tomato paste
- 2 tbsp yellow mustard
- 4 tsp maple syrup
- 2 tsp molasses
Add garlic powder and smoked paprika to the softened shallots and stir constantly for about 30 seconds to bloom the spices and release their aromas.
Pour in the water, apple cider vinegar, tomato paste, yellow mustard, maple syrup, and molasses, stirring well to combine everything into a smooth, cohesive sauce.
The combination of sweet and tangy elements creates complexity—the vinegar cuts through richness while the maple syrup and molasses add depth and subtle sweetness.
Step 4: Cook and Thicken the Beans
- 30 oz white beans
- sauce mixture from Step 3
Add the rinsed and drained white beans to the sauce and bring the mixture to a gentle simmer over medium heat.
Let it cook for 8-10 minutes, stirring often to prevent sticking and to help the sauce thicken as it reduces.
I find that frequent stirring not only prevents scorching but also helps the beans absorb the flavors more evenly.
The sauce should reduce by about a third and become glossy and clinging to the beans rather than soupy.
Step 5: Assemble and Garnish
- buttered toast from Step 1
- cooked beans from Step 4
- arugula
- cherry tomatoes
- fresh parsley
- wilted spinach
Spoon the warm baked beans generously over each slice of buttered toast from Step 1.
Top with any or all of the fresh garnishes: arugula for peppery freshness, halved cherry tomatoes for brightness, wilted spinach for earthy depth, and a sprinkle of fresh chopped parsley for color and herbaceous notes.
The warm beans will slightly wilt delicate greens and soften the tomatoes, creating layers of texture and flavor.
30-Minute Baked Beans on Toast
Ingredients
For the beans
- 1 tbsp olive oil
- 1/2 cup shallot (finely diced into 1/4-inch pieces)
- 1/2 tsp salt
- 1/4 tsp pepper
- 2 tsp garlic powder
- 1/2 tsp smoked paprika
- 1.25 cups water
- 1 tbsp apple cider vinegar
- 1/4 cup tomato paste
- 2 tbsp yellow mustard
- 4 tsp maple syrup
- 2 tsp molasses
- 30 oz white beans (rinsed and drained)
For the toast
- 4 slices hearty sourdough bread (cut into thick 1-inch slices)
- 2 tbsp butter (or vegan butter for dairy-free)
For the garnish (optional)
- arugula
- cherry tomatoes (halved lengthwise)
- fresh parsley (finely chopped)
- wilted spinach
Instructions
- While you prepare the beans, toast the sourdough slices in a toaster or under the broiler until golden and crispy on the outside, about 3 minutes. This gives the bread structure to support the beans without becoming soggy. Immediately butter the hot toast generously so it melts into the bread and adds richness to each bite.
- Heat olive oil in a pot over medium heat and add the diced shallots with salt and pepper. Sauté for 3-5 minutes until the shallots soften and become fragrant—this develops their natural sweetness and creates the flavor foundation for the sauce. I like to stir occasionally to ensure even cooking without browning them too much.
- Add garlic powder and smoked paprika to the softened shallots and stir constantly for about 30 seconds to bloom the spices and release their aromas. Pour in the water, apple cider vinegar, tomato paste, yellow mustard, maple syrup, and molasses, stirring well to combine everything into a smooth, cohesive sauce. The combination of sweet and tangy elements creates complexity—the vinegar cuts through richness while the maple syrup and molasses add depth and subtle sweetness.
- Add the rinsed and drained white beans to the sauce and bring the mixture to a gentle simmer over medium heat. Let it cook for 8-10 minutes, stirring often to prevent sticking and to help the sauce thicken as it reduces. I find that frequent stirring not only prevents scorching but also helps the beans absorb the flavors more evenly. The sauce should reduce by about a third and become glossy and clinging to the beans rather than soupy.
- Spoon the warm baked beans generously over each slice of buttered toast from Step 1. Top with any or all of the fresh garnishes: arugula for peppery freshness, halved cherry tomatoes for brightness, wilted spinach for earthy depth, and a sprinkle of fresh chopped parsley for color and herbaceous notes. The warm beans will slightly wilt delicate greens and soften the tomatoes, creating layers of texture and flavor.
