French Onion Butter Beans (Vegan, Creamy, 35 Minutes)

These French Onion Butter Beans are fully vegan and use coconut milk and mustard instead of broth or cream - the sauce is richer and more complex than any stock-based version. Deeply caramelized onions, balsamic, and two cans of butter beans. 35 minutes, one pan, completely plant-based.

What makes this version different?

The French onion butter beans category is now established with several good recipes, and the honest answer is that the core concept - caramelized onions, butter beans, savory sauce - is shared across the category. The genuine difference in this version is the sauce.

Every competitor uses vegetable broth, beef broth, or white wine as the liquid base, sometimes with cream or parmesan stirred through at the end. These produce a savory, brothy result that is good but relatively thin. This version uses coconut milk as the base liquid - which reduces naturally into a thicker, more velvety sauce without any flour or cornstarch - and adds mustard as a structural flavor element that no other French onion butter beans recipe includes.

Mustard in this context does two things: it adds a sharp, slightly tangy flavor that cuts through the richness of the coconut milk and balances the sweetness of the caramelized onions, and it helps emulsify the sauce so the coconut milk and the balsamic and onion juices come together cohesively rather than sitting as separate elements. Combined with the balsamic, which deepens the onion flavor and adds a sweet-sour complexity, the sauce has a character that is noticeably more layered than a broth-based version.

Why this recipe works

Coconut milk instead of broth. Coconut milk reduces into a naturally thick, velvety sauce that coats the butter beans and the caramelized onions far more generously than any broth. The coconut flavor is masked by the intensity of the caramelized onions, balsamic, and mustard - it reads as richness rather than coconut.

Mustard as a structural flavor. Two teaspoons of mustard add sharpness, complexity, and a gentle emulsifying quality to the sauce. Most French onion butter bean recipes have no equivalent - the mustard is what keeps the sauce from being simply sweet and rich, and what makes it feel layered and interesting rather than one-dimensional.

Balsamic for depth. Three tablespoons of balsamic vinegar stirred into the caramelized onions adds a sweet-sour depth that amplifies the caramelized onion flavor and gives the sauce a complexity that neither vinegar nor caramelized onions can provide alone. Added to the pan after the onions are properly caramelized, it deglazes and concentrates quickly.

Two cans of butter beans for substance. One can of beans in a French onion sauce is a side dish. Two cans is a meal. The larger quantity also means more beans absorb the sauce and break down slightly at the edges, naturally thickening the base.

Dairy-free butter plus olive oil for the onions. Starting the onions in a combination of oil and dairy-free butter, rather than either alone, produces better caramelization and more flavor than either does on its own. The butter solids contribute to the caramelization; the oil raises the smoke point so the onions cook rather than burn.

Ingredient notes

Onions - 2 cups, shredded or very thinly sliced. This is a large quantity of onion that reduces significantly during caramelization. Pre-shredded or mandoline-sliced onions caramelize more evenly than roughly chopped. The onions are the primary ingredient and their quality determines the dish - use yellow or white onions for the best result.

Butter beans - two 15 oz cans, drained and rinsed. Butter beans are preferred for their size, creamy texture, and mild flavor - they absorb the sauce deeply without asserting themselves. Cannellini beans work as a substitute but are smaller and less creamy. Drain and rinse well.

Garlic - 4 cloves, minced or pressed. Added after the onions have caramelized so the garlic does not burn during the long onion cooking process.

Olive oil - 1 tablespoon, combined with the butter for cooking the onions.

Dairy-free butter - 2 tablespoons. Combined with the olive oil for cooking the onions. Vegan block butter produces the best result; vegan spread works but has a higher water content.

Balsamic vinegar - 3 tablespoons. Added after the onions are caramelized, it deglazes the pan and concentrates quickly into a sweet-sour glaze that coats the onions.

Coconut milk - 1 cup, full-fat canned. The sauce base. Full-fat is essential - light coconut milk will not reduce to the same velvety consistency. The coconut flavor is fully masked by the caramelized onions, balsamic, and mustard.

Mustard - 2 teaspoons. Dijon preferred for its sharpness and body. The mustard is added with the coconut milk and integrates into the sauce as it reduces.

How to make French onion butter beans

Heat the olive oil and dairy-free butter together in a large skillet or wide pan over medium-low heat. Once the butter has melted, add the shredded onions and stir to coat. Cook over medium-low heat for 25-30 minutes, stirring every 3-4 minutes, until the onions are deeply golden, jammy, and reduced to roughly a third of their original volume. Do not rush this step - properly caramelized onions take time, and they are the primary source of flavor in the finished dish.

Add the minced garlic to the caramelized onions and cook for 1-2 minutes until fragrant.

Add the balsamic vinegar and stir, using the liquid to deglaze any caramelized bits from the bottom of the pan. Cook for 1-2 minutes until the balsamic reduces and coats the onions in a sweet, slightly glossy glaze.

Add the coconut milk and mustard. Stir to combine and bring to a gentle simmer. Cook for 3-4 minutes, stirring occasionally, until the sauce begins to thicken.

Add the drained butter beans. Stir gently to coat everything in the sauce and cook for 4-5 minutes until the beans are heated through and the sauce has thickened to a coating consistency. Season generously with salt and pepper. Taste and adjust - the dish should be deeply savory, slightly sweet, and bright with the mustard and balsamic.

Serve immediately, with crusty bread for mopping up the sauce.

The caramelized onion technique

Properly caramelized onions take 25-30 minutes at medium-low heat. This is not negotiable - onions that are softened and golden in 10 minutes are not caramelized, they are softened. True caramelization requires time: the natural sugars in the onions need to break down and develop, which produces the deep, sweet, almost jammy intensity that makes French onion dishes as good as they are.

The things that matter most: low-medium heat (not high heat, which produces onions that are dark on the outside and raw inside), regular stirring every 3-4 minutes rather than constant stirring (which prevents browning), and patience. If the onions start to stick before they are properly caramelized, add a tablespoon of water and stir to release them.

For a faster weeknight version, the onions can be started a day or two ahead and refrigerated - they reheat in two minutes and the rest of the recipe comes together in under 10 minutes. Caramelized onions also freeze well in small portions, making this a useful batch cooking step.

Ways to serve

With crusty bread - the natural and ideal accompaniment. The thick coconut-mustard sauce needs something to mop it up. A good sourdough or baguette alongside makes this a complete meal.

Over rice - jasmine or basmati rice provides a neutral base that lets the sauce be the focus. Add a larger scoop of rice to make a more substantial meal.

Over mashed potatoes - the richness of the sauce works beautifully over a plain mashed potato base. The beans and onions together over mash is genuinely comforting.

With polenta - creamy polenta under the French onion beans is a particularly good combination - the sweetness of the corn complements the caramelized onion flavor.

As a toast topping - spooned over thick sourdough toast for a quick and satisfying lunch. The sauce soaks into the bread slightly and the beans provide enough protein to make it filling.

With a simple green salad - a lightly dressed arugula or watercress salad alongside cuts through the richness of the coconut sauce.

Storage and meal prep

Refrigerator: Stores in an airtight container for up to 4 days. The flavor improves significantly overnight as the butter beans absorb the caramelized onion and balsamic sauce - this is genuinely one of the best make-ahead dishes on the site. Reheat gently in a pan over low heat with a small splash of coconut milk or water to restore the sauce consistency.

Caramelized onions ahead: The most time-consuming part of this recipe can be done up to 3 days ahead. Store caramelized onions in the fridge and the rest of the recipe comes together in under 10 minutes.

Freezer: Freezes well for up to 3 months. The butter beans hold their texture on freezing better than most vegetables. Thaw overnight in the fridge and reheat gently.

Meal prep: Make a full batch on Sunday. The beans absorb the sauce overnight and the flavor deepens - day two is better than day one. One of the most practical high-protein make-ahead dinners on the site.

Frequently asked questions

More recipes you'll love

• Creamy Harissa Butter Beans
• Marry Me Chickpeas
• Creamy Tikka Masala Beans
• Lemon Gnocchi with Butter Bean Sauce
• Dense Bean Salad
• Easy Vegan One Pot Meals

Made these French Onion Butter Beans? Leave a comment below and rate the recipe - it helps more people find it. Tag me on Instagram or Facebook with a photo. Florian.