Bean Gratin Recipe: Golden Crisp Top and Velvety Bean Layers

This bean gratin recipe transforms humble canned beans into a restaurant-worthy dish with a golden crisp top and layers of velvety, cheesy goodness.

The secret lies in the creamy béchamel sauce—rich but not heavy—and the perfect balance of sharp cheddar and nutty Gruyère that melts into a luscious blanket over tender beans. Unlike casseroles that turn soggy, this method ensures every bite delivers that satisfying contrast between crispy cheese crust and creamy filling.

What sets this recipe apart is the foolproof layering technique that prevents a watery mess. We start with a flavorful base of sautéed onions and garlic, then build layers of beans, sauce, and cheese in a specific order that guarantees even baking and maximum crispiness.

The result? A dish that’s hearty enough for a weeknight dinner but elegant enough for guests—all while using simple pantry staples you likely already have.

By the time it emerges from the oven, you’ll have a velvety bean gratin with a caramelized cheese crust that’s impossible to resist.

The aroma alone will have everyone gathering around the table, and the first bite—where the crispy top gives way to creamy, cheesy bean layers—is pure comfort food magic. This is the kind of dish that transforms basic ingredients into something extraordinary with minimal effort.

Serve it with a simple green salad or crusty bread to soak up every last bit of that rich, cheesy sauce. The beauty of this recipe is its versatility—it works with white beans, cannellini, or even chickpeas, and the technique scales easily for crowds.

Let’s get started on creating your new favorite vegetarian main course.

Ingredients for bean gratin

Six simple ingredients create restaurant-quality bean gratin with crispy cheese top.

The cheeses are non-negotiable here. Gruyère brings that nutty depth while sharp cheddar adds tang—together they create the perfect melty contrast. Whole Foods or specialty cheese shops carry the best Gruyère, but any well-aged variety works. For the cheddar, look for blocks labeled 'extra sharp' rather than pre-shredded bags (the anti-caking agents prevent proper melting). The Parmesan topping? Freshly grated is essential—pre-grated won't crisp properly. If you're using canned beans, low-sodium varieties prevent excess saltiness in the final dish.

No Gruyère? Comté or Emmental are solid substitutes, though the flavor profile shifts slightly. Running out of breadcrumbs? Crushed cornflakes or panko work beautifully for that crispy texture. The vegetable broth can be swapped for white wine (reduce first) if you prefer, but the alcohol flavor cooks off completely. For the béchamel, whole milk is crucial—skim or almond milk will create a lighter, less creamy sauce. Fresh nutmeg makes a world of difference here, but if you only have ground, toast it lightly in a dry pan first to wake up the flavor.

Prep the béchamel ahead and refrigerate—it thickens as it cools, making it easier to layer later. The assembled gratin keeps 3-4 days in the fridge, but it reheats best from frozen (thaw overnight). For maximum crispiness, broil for 2-3 minutes at the end—watch closely to avoid burning. The leftovers reheat beautifully in a 350°F oven for 15 minutes, covered with foil, then uncovered for the last 2 minutes to restore that golden crust.

Step-by-step instructions for bean gratin

Here's the method for creating a velvety bean base with a perfectly golden, crispy breadcrumb topping.

Melt 2 tablespoons of the unsalted butter in a large skillet over medium heat. Add the thinly sliced yellow onions and cook for 5-6 minutes until they become translucent and slightly caramelized at the edges. You'll know they're ready when they're soft but still have a slight bite.

Add the minced garlic cloves and cook for another 30 seconds until fragrant—don't let it brown or it'll turn bitter. Remove the skillet from heat and set it aside. This aromatic base will infuse the entire dish with rich, savory depth that pairs perfectly with the beans.

In a large mixing bowl, combine the drained and rinsed cannellini beans with the sautéed onion and garlic mixture. Add 1 cup of vegetable broth, 1.5 teaspoons of salt, 0.5 teaspoon of black pepper, and 0.25 teaspoon of freshly grated nutmeg. Mix gently but thoroughly to distribute all the seasonings evenly throughout the beans.

Taste the mixture and adjust seasoning if needed—this is your chance to ensure the beans are perfectly balanced before they're baked. The nutmeg adds a subtle warmth that complements the cheddar and Gruyère beautifully. Set this mixture aside while you prepare the béchamel sauce.

In the same skillet you used for the onions (no need to wash it—the fond adds flavor), melt the remaining 2 tablespoons of unsalted butter over medium heat. Whisk in the 0.5 cup of all-purpose flour to create a roux. Cook for 1-2 minutes until the mixture turns a light golden color and smells nutty.

Gradually whisk in the 2 cups of whole milk, about ¼ cup at a time, allowing each addition to be fully incorporated before adding more. This slow addition prevents lumps from forming. Once all the milk is incorporated, add 1 cup of shredded Gruyère cheese and 1.5 cups of shredded sharp cheddar cheese, stirring constantly until the cheese melts completely and the sauce becomes smooth and velvety.

Preheat your oven to 375°F. Transfer the bean mixture to a 9x13-inch baking dish and spread it out evenly. Pour the béchamel sauce over the beans, spreading it evenly to the edges. The sauce should cover the beans completely but not pool too deeply.

Sprinkle 0.5 cup of freshly grated Parmesan cheese evenly over the top, then press the 0.25 cup of breadcrumbs gently into the sauce to create a textured, golden crust. Bake uncovered for 30-35 minutes until the top is golden brown and bubbly, and the edges are slightly crisp.

Remove the gratin from the oven and let it rest for 10 minutes before serving. This resting period allows the layers to set and the flavors to meld together. The breadcrumb topping should be crispy on top while remaining tender underneath, with a creamy cheese sauce throughout.

Serve immediately with a side of crusty bread to soak up any extra sauce. Each bite should deliver a perfect balance of creamy beans, rich cheese sauce, and crispy breadcrumb topping. The nutmeg adds a subtle warmth that elevates the entire dish.

Essential equipment for this recipe

Baking Dish Essentials

A 9x13-inch baking dish is your best friend for this recipe—I use Ceramic CorningWare for even heat distribution and easy release. If you only have an 8x8-inch dish, reduce oven temperature to 350°F and bake for 40-45 minutes to prevent over-browning.

For larger batches, a 10x15-inch dish works, but increase baking time by 10-15 minutes. Avoid glass dishes with thin bases—they can cause uneven cooking and potential breakage. 🔥

Cheese Tools Matter

Invest in a microplane for grating your Gruyère and Parmesan—it produces finer, more flavorful shavings than pre-shredded cheese. I love the Microplane Classic Zester/Grater for this purpose. For the sharp cheddar, use a box grater with medium holes to achieve consistent shreds.

Pre-shredded cheese contains anti-caking agents that prevent proper melting, so always grate fresh. Store your grated cheeses in airtight containers in the fridge for up to 3 days.

Whisk and Skillet

Your béchamel sauce demands a heatproof whisk—I recommend the OXO Good Grips Silicone Whisk for its durability and easy cleanup. For the roux, use a 10-inch stainless steel skillet like All-Clad Stainless—it conducts heat evenly and prevents scorching.

A wooden spoon helps stir the roux without scratching the pan. Keep your skillet warm on the stove while you prepare the beans to maintain an efficient workflow. ⚡

Measuring Precision

Accurate measurements are key for the perfect texture. Use a digital kitchen scale for cheeses—1 cup of shredded cheddar should weigh about 115 grams, while Gruyère is slightly lighter at 100 grams per cup.

For liquids, a liquid measuring cup ensures precise 2 cups of milk and 1 cup of broth. The breadcrumbs should be packed lightly—¼ cup should fill a standard measuring cup without mounding. A small offset spatula helps spread the sauce evenly without tearing the layers.

Oven Thermometer

Your oven's temperature display isn't always accurate. Use an oven thermometer like the Thermoworks Oven Thermometer to confirm 375°F—many ovens run 15-25°F hotter or cooler than set. This small investment ensures your gratin bakes evenly without risking a burnt top or undercooked center.

Place the thermometer on the middle rack while preheating, then adjust your oven settings if needed. A properly calibrated oven makes all the difference in achieving that perfect golden crust.

Frequently asked questions