Baked Beans and Cheese Recipe: Smoky Cheddar Crust With Caramelized Onions

This baked beans and cheese recipe transforms humble canned beans into a rich, cheesy casserole with a crispy smoky cheddar crust. 💛 The caramelized onions add sweet depth, while bacon bits deliver savory crunch—perfect for weeknight dinners or holiday sides.

What makes this dish special is how simple ingredients combine for restaurant-quality comfort without the fuss.

The secret lies in layering flavors: tender beans simmered in broth until thick, topped with melted cheese that browns beautifully in the oven. I’ve tested this recipe countless times, and it never fails to deliver that perfect balance of creamy, smoky, and slightly crispy textures.

The dish is versatile too—serve it alongside grilled meats, as a vegetarian main, or even as a hearty breakfast hash.

By the time it emerges from the oven, you’ll have a dish that’s golden, bubbling, and impossible to resist—the kind of meal that turns a simple supper into a memorable gathering.

The caramelized onions add a touch of sweetness, while the smoky cheddar crust ties everything together. This recipe is designed to be foolproof, so even beginners can achieve impressive results.

Whether you’re feeding a crowd or meal prepping for the week, this baked beans and cheese casserole delivers satisfying, crowd-pleasing flavor with minimal effort. The best part? Leftovers reheat beautifully, making it a practical choice for busy schedules. Let’s get started on creating this comforting classic!

Ingredients for baked beans and cheese

Simple pantry staples transform into a smoky, cheesy masterpiece with crispy edges.

The onions are where the magic starts—sweet, caramelized layers build the dish's depth. Grab yellow onions from the grocery store's fresh produce section (they're usually cheaper than specialty markets). For extra flavor, caramelize them slowly in butter until golden brown—this takes about 20 minutes but is worth every second. If you're short on time, pre-chopped frozen onions work in a pinch, though they won't caramelize the same way. The bacon bits? Store-bought is fine, but crispy bacon from a pan adds a next-level crunch. Look for thick-cut bacon if you're cooking your own—it stays crispier longer.

No sharp cheddar? Monterey Jack or pepper jack work beautifully, though the flavor will be milder. Running low on beef broth? Chicken or vegetable broth keeps the dish vegetarian-friendly. The mustard and ketchup combo might seem odd, but trust me on this—it balances the sweetness and adds tang. For a smokier kick, swap regular paprika for hot smoked paprika. The beans? Any canned variety works—navy, pinto, or even black beans—but navy holds up best to the long baking time. If you're using dried beans, soak them overnight for perfect texture.

This casserole tastes even better the next day—make a double batch if you can. Store leftovers in an airtight container for up to 5 days in the fridge, or freeze for 3 months. Reheat portions in the microwave for 2-3 minutes, or bake at 350°F until bubbly. The cheese topping gets crispy around the edges, so cover loosely with foil if you prefer softer cheese. For meal prep, portion into individual containers—perfect for lunches or quick dinners all week.

Step-by-step instructions for smoky cheddar crust with caramelized onions

Here's how to transform simple pantry staples into a rich, cheesy baked bean masterpiece with perfect caramelized onions.

Melt the 2 tbsp butter in a large skillet over medium-low heat. Add the 2 whole yellow onions, sliced thinly, and cook them undisturbed for 10 minutes—this prevents burning and helps them soften evenly. Stir occasionally, watching for the edges to turn deep golden brown while keeping the centers slightly translucent.

Here's the thing—caramelizing takes patience. After 10 minutes, lower the heat to medium-low and continue cooking for another 20-25 minutes, stirring every 5 minutes, until the onions are dark amber with a jammy texture. The longer they cook, the deeper the flavor, but don't let them burn. You want that sweet, molasses-like consistency that'll make your dish sing.

In a large Dutch oven or oven-safe skillet, combine the drained 2 cans navy beans, 1.5 cups beef broth, 0.25 cup brown sugar, 1 tbsp mustard, 2 tbsp ketchup, 1 tsp smoked paprika, 0.5 tsp garlic powder, 1 tsp salt, and 0.5 tsp black pepper. Stir well to incorporate all the spices into the beans—this is where the magic happens.

Bring the mixture to a gentle simmer over medium heat, then reduce to low heat and let it cook for 10 minutes, stirring occasionally. The beans should be heated through and absorbing all those delicious flavors. If it gets too thick, add a splash of water or broth to loosen it up. This step ensures your beans have that perfect balance of smoky, sweet, and tangy notes before we add the cheesy topping.

Spread the bean mixture evenly in your baking dish. Sprinkle the 0.5 cup bacon bits over the top for a salty, smoky contrast. Then, carefully spread the 2 cups freshly grated cheddar cheese evenly across the surface. The cheese should melt into a golden, bubbly crust, so don't skimp—this is what makes this dish irresistible.

Finally, spread the caramelized onions evenly over the cheese. The onions will sink slightly into the cheese as it melts, creating pockets of sweet, jammy goodness in every bite. This layering is crucial—it creates that perfect texture contrast between the creamy cheese, tender beans, and crispy onion topping.

Preheat your oven to 375°F. Place the baking dish on the middle rack and bake for 20-25 minutes until the cheese is deep golden brown and bubbling vigorously. The edges should be crispy, and the center should be hot enough to make the cheese pull away slightly from the sides.

Here's a pro tip: If the top starts browning too quickly before the center is hot, tent it loosely with aluminum foil for the last 5-10 minutes of baking. You want that beautiful golden crust without sacrificing the creamy interior. The beans should be heated through, and the cheese should be fully melted and slightly caramelized on top.

Remove the dish from the oven and let it rest for 5-10 minutes before serving. This resting time allows the cheese to set slightly, making it easier to scoop and preventing a runny mess. The beans will continue to absorb flavors, and the onions will soften just enough to become tender yet still retain their caramelized sweetness.

Serve immediately with crusty bread or over mashed potatoes to soak up every last bit of that cheesy, smoky goodness. Each bite should deliver a perfect harmony of sweet caramelized onions, rich cheddar cheese, and tender beans with that deep, smoky flavor from the paprika and bacon bits. Trust me, this dish is worth every minute of effort!

Storing and reheating your leftovers

Fridge Storage Tips

Let your baked beans and cheese cool completely before storing to prevent condensation from making the cheese soggy. Transfer to an airtight container with a lid—I love using glass Pyrex dishes because they keep the dish fresh longer.

Store in the fridge at 40°F or below for up to 5 days, but honestly, the flavor improves overnight as the spices meld together. 💛

If you're prepping for meal prep, divide into individual portions (about 1 cup per serving) for easy reheating. The cheese topping stays crispier when stored in smaller containers, so don’t overfill them. Label with the date to track freshness—trust me, this saves confusion later!

Freezer-Friendly Methods

This dish freezes beautifully for up to 3 months without losing texture. Use freezer-safe containers or heavy-duty zip-top bags, leaving 1 inch of headspace for expansion. Squeeze out excess air to prevent freezer burn—this keeps the cheese from drying out.

For best results, freeze before adding the caramelized onions topping, then sprinkle them on fresh after reheating. ✨

Thaw overnight in the fridge for even reheating. If you’re in a hurry, place the sealed container in cold water for 1-2 hours, but never microwave from frozen—it’ll turn rubbery. The beans hold up well, but the cheese might separate slightly, so stir vigorously before serving.

Stovetop Reheating

My preferred method is stovetop reheating because it restores the creamy texture perfectly. Transfer portions to a nonstick skillet over medium-low heat, adding 1-2 tablespoons of water or broth to prevent sticking.

Cover and heat for 5-7 minutes, stirring occasionally, until bubbly and reaching 165°F internally. The cheese will soften beautifully, and the onions will regain their caramelized sweetness. 🔥

For extra crispiness, broil for 1-2 minutes at the end—just watch closely to avoid burning the cheese. If the dish looks dry, add a splash more broth or water. This method works best for 2-3 servings at a time, so plan accordingly if feeding a crowd.

Microwave Shortcuts

When you’re short on time, the microwave is your best friend. Place a single serving in a microwave-safe dish, cover loosely with a damp paper towel (this prevents drying), and heat on 50% power for 2-3 minutes.

Stir halfway through to distribute heat evenly. The cheese might not get as crispy, but it’ll still be delicious and convenient. 💡

For extra richness, add a pat of butter or a sprinkle of grated cheese after reheating. If the onions look dry, drizzle with a little beef broth to revive their caramelized flavor. This method is perfect for quick lunches or last-minute dinners when you’re pressed for time.

Oven Refresh

If you’re reheating a larger portion or want that restaurant-quality crispy top, the oven is the way to go. Preheat to 350°F, cover loosely with aluminum foil, and bake for 15-20 minutes until heated through.

Remove the foil for the last 2-3 minutes to crisp the cheese. This method is ideal for family-style servings or when you’ve made a big batch ahead of time. ⚡

Pro tip: Add a drizzle of olive oil or butter before reheating to prevent the cheese from sticking to the container. The onions will soften slightly but still pack a sweet punch. Serve immediately with toasted bread or cornbread to soak up every last bit of that cheesy goodness.

Frequently asked questions