Bean Gratin Recipe: Crispy Cheese Topping Over Melty Bean Layers

This bean gratin recipe delivers restaurant-quality comfort food with a crispy cheese topping that melts into creamy, savory bean layers. The secret lies in perfectly layered ingredients—tender beans, aromatic onions, and a golden crust of cheese and breadcrumbs—that transform simple pantry staples into a hearty main dish.

I developed this version after years of testing, ensuring every bite achieves that ideal balance of texture and flavor.

The process begins with sautéing onions until caramelized, which forms the flavor base for the bean mixture. Layers of cooked beans and seasoned cream sauce create the rich, velvety foundation, while a final topping of shredded cheese and breadcrumbs bakes into a crispy, golden crust.

This method guarantees foolproof results—no soggy tops or undercooked centers—while keeping prep simple enough for weeknight dinners.

What makes this dish truly special is its versatility. The classic version pairs beautifully with crusty bread or a simple salad, but dietary adaptations are straightforward: swap dairy cheese for nutritional yeast or plant-based alternatives to create a vegan-friendly version.

The result remains equally satisfying, proving this recipe works for any table.

Baked to golden perfection, this bean gratin delivers the ultimate comfort food experience—rich, creamy, and topped with that irresistible crispy cheese crust. The aroma alone will have everyone gathering at the table, while the texture contrast makes each bite unforgettable. Ready to master this dish?

Ingredients for bean gratin

Pantry staples elevated to restaurant-quality comfort with perfectly caramelized onions and crispy cheese crust.

The Gruyère cheese is non-negotiable for that signature melt and crisp—Whole Foods carries the best aged varieties, but Costco sells pre-shredded at a fraction of the price. Look for 12+ month aged for maximum depth. Panko breadcrumbs are essential; regular breadcrumbs yield a soggy top. For the onions, yellow (not red) caramelizes best, and slow cooking is key—don't rush this step. The white beans should be low-sodium if possible, or rinse thoroughly to balance flavors. I always double-check the bean label for BPA-free linings, especially for baked dishes.

No Gruyère? Comté or Emmental work in a pinch, though texture will differ slightly. Substituting heavy cream? Full-fat coconut milk delivers similar richness, though it lacks the dairy's velvety mouthfeel. Fresh thyme unavailable? Dried at one-third the amount suffices, but toast the leaves first for 30 seconds in a dry pan to release essential oils. The Dijon mustard can be swapped for 1 tsp white wine vinegar if you're avoiding mustard entirely. For a vegetarian adaptation, use nutritional yeast in the cheese layer—it mimics the umami without dairy.

Prep the bean mixture ahead and refrigerate for up to 24 hours—flavors meld beautifully overnight. The caramelized onions keep for 5 days in the fridge, covered tightly. Assemble the gratin just before baking; the breadcrumb topping should be sprinkled immediately before going into the oven to maintain crispness. Leftovers reheat best at 350°F for 15 minutes, covered loosely with foil. The cheese layer reheats slightly softer but remains delicious. Portion into individual baking dishes for 3-month freezer storage—perfect for meal prep.

Step-by-step instructions for bean gratin with crispy cheese topping

Master this French bistro classic with layers of tender beans and golden Gruyère crust.

Heat the 1 tablespoon extra-virgin olive oil in a large skillet over medium-low heat. Add the thinly sliced yellow onions and cook for 20-25 minutes, stirring occasionally, until they turn a deep golden brown. You're looking for caramelized onions that smell sweet and rich—this is where the flavor foundation begins.

I like to push this step to the limit, letting the onions cook until they're almost jammy. This concentrated sweetness will infuse every layer of your gratin. If they start to stick, add a splash of water and scrape up those flavorful browned bits from the bottom of the pan.

In a large bowl, combine the drained white beans with the caramelized onions, 1 tablespoon Dijon mustard, 1 teaspoon dried thyme, 1.5 teaspoons kosher salt, and 0.5 teaspoon ground black pepper. Stir well to distribute all the seasonings evenly throughout the beans. The mustard adds subtle tang that brightens the earthy beans, while the thyme provides aromatic depth.

Next, add the 1 cup heavy cream and mix gently. You want to incorporate it just enough to coat the beans without breaking them apart. This mixture should be thick but still pourable—it will form the creamy base of your gratin. If it's too thick, add 1-2 tablespoons of water to reach the right consistency.

Preheat your oven to 375°F. In a 9x9-inch baking dish, spread half of the bean mixture evenly across the bottom. Then sprinkle half of the shredded Gruyère cheese over the beans, pressing down gently to create an even layer. Repeat with the remaining bean mixture and cheese, creating a total of four layers.

For the crispy topping, melt 2 tablespoons of the unsalted butter in a small saucepan over low heat. Remove from heat and stir in the 0.5 cup panko breadcrumbs and the minced garlic cloves. Spread this mixture evenly over the top layer of cheese, pressing down gently with the back of a spoon to ensure good contact with the cheese.

Place the baking dish on the middle rack of your oven and bake for 30-35 minutes. The gratin is ready when the top is deep golden brown and the edges are bubbling vigorously. You should see the cheese pulling away from the sides of the dish and forming an attractive crust.

If the top isn't browning enough after 25 minutes, increase the oven temperature to 400°F for the final 5-10 minutes. This final burst of heat creates that coveted crispy crust while keeping the interior creamy. Let the gratin rest for 10 minutes before serving—this allows the layers to set slightly and makes it easier to slice.

Remove the gratin from the oven and let it sit for 5-10 minutes before serving. The residual heat will continue to develop the flavors. If you like, sprinkle with fresh parsley or thyme leaves just before serving for a pop of color and freshness.

This gratin should be served immediately while the cheese is still bubbly and the crust is crisp. Each bite should deliver a perfect balance of creamy bean mixture, rich Gruyère, and that irresistible crispy topping. The contrast between the tender beans and the golden crust is what makes this dish truly special.

Dietary considerations for this bean gratin

Vegetarian-Friendly Base

This bean gratin is naturally vegetarian, thanks to its foundation of white beans, onions, and dairy-free cream alternatives. The original recipe uses heavy cream, but I've found that full-fat coconut milk delivers a similarly rich texture while keeping it plant-based.

For the cheese layer, nutritional yeast provides that umami depth without dairy—just sprinkle 2 tablespoons over the top before baking. 🌱

Vegan Adaptations

To make this fully vegan, swap the Gruyère for vegan mozzarella shreds (like Miyoko's brand) or a mix of cashew cheese and nutritional yeast. For the crispy topping, use olive oil instead of butter and ensure your panko is vegan-certified.

The flavor remains rich and satisfying—just be mindful that vegan cheeses may melt differently. Test with 350°F for 25 minutes first.

Gluten-Free Options

For gluten-free diners, replace the panko with certified gluten-free breadcrumbs or crushed gluten-free crackers. I recommend Schär brand for a neutral flavor. The bean mixture itself is naturally gluten-free, so no other substitutions are needed.

Just ensure all other ingredients (like thyme or mustard) are certified gluten-free to avoid cross-contamination. 🥖

Dairy-Free Cream

The heavy cream can be replaced with coconut cream or cashew cream for a dairy-free version. For cashew cream, blend 1 cup soaked cashews with ½ cup water until smooth.

This adds a subtle nutty flavor that pairs beautifully with the beans. The texture will be slightly lighter but still creamy—perfect for those avoiding dairy.

Allergen Considerations

This dish is naturally free of common allergens like nuts and eggs, but always double-check labels for hidden ingredients. If mustard is a concern, omit it entirely or use white wine vinegar for acidity.

For soy allergies, avoid vegan cheese brands containing soy lecithin. The bean mixture itself is safe for most dietary restrictions, making this a great crowd-pleaser for various needs.

Frequently asked questions about bean gratin