Facebook-square Pinterest-square Instagram

French Onion White Bean Skillet

This post may contain affiliate links.

This French Onion White Bean Skillet is the coziest one-pan dinner you'll make! Packed with caramelized onions, creamy cannellini beans, and classic French onion flavor in a rich, silky sauce. It’s a quick weeknight recipe that feels fancy, stores beautifully for meal prep, and pairs perfectly with rice, pasta, or warm crusty bread.
Jump to Recipe Print Recipe

French Onion White Bean Skillet (Creamy, Cozy, One-Pan Dinner)

There are few things more comforting than French onion anything, but let’s be honest—traditional caramelized onions take forever. And while I love a dramatic, slow-cooked moment as much as the next foodie, sometimes I want those deep, savory, golden ribbons of onion without committing to a full relationship with my stovetop for an entire afternoon. If you love the vibe of classic French onion soup but equally love a meal that’s ready in under 40 minutes, and you can literally eat it right out of the pan, this recipe is for you! This French Onion White Bean Skillet takes everything we all love about a classic French onion soup recipe and turns it into a creamy, high-protein, high-fiber skillet dinner recipe you can make on a weeknight without losing your mind.

Curious how I quickly caramelized the onions?

Here’s what I did: I sliced the onions thin, cranked the heat a bit higher than usual to get them going, and added a 1/2 cup of vegan “beef” broth, covering to let the onions simmer for 12 minutes and get tender really fast. Then I added a pinch of salt and maple syrup to draw out moisture and expedite the caramelization, and hit them with a splash of balsamic vinegar near the end. The syrup speeds up browning, the vinegar adds instant depth, and suddenly you have onions that taste like they’ve been lovingly tended for an hour… when in reality, it’s been 15 minutes, and you’re still in your pyjamas. My kind of magic!

Once the onions were soft, jammy, and borderline irresistible, I folded in creamy white beans (nature’s little protein and fiber bombs!) and let them soak up all that savory flavor. Then came the silky coconut cream for that luxurious, dairy-free richness, and a generous shake of dairy-free parmesan to give it that melty, cheesy French onion soup vibe without any actual cheese. The result? A cozy, bubbling skillet situation that is practically begging for you to abandon all manners. It’s rich, savory, and seriously satisfying, like the “best French onion recipe” energy, but made easy in one pan. So, if you’re a fan of easy weeknight skillet dinners, low-effort cleanup and downright tasty food, this is the recipe you need to try next! Let’s cook.

Sliced white onion close-up on a wooden cutting board

French Onion White Bean Skillet Ingredients

This is one of those skillet meals where the ingredient list is simple, but the outcome tastes like you spent all day on it. Here’s what you’ll need:

  • Olive oil or dairy-free butter: A small amount helps the onions brown and brings richness. You can absolutely make this oil-free by using water to sauté.
  • Onions: Obviously, the star of this skillet! Thinly sliced onions cook down into a sweet, jammy, golden flavor, the same magic that makes French onion soup so iconic.
  • Water + vegan “beef” bouillon: This creates that deep, savory base that gives the dish its “French onion” soul. Together, they mimic the richness of long-simmered soup without the time commitment or animal product.
  • Sea salt + maple syrup: Salt helps pull moisture from the onions and boosts flavor; maple syrup helps encourage browning and adds just a whisper of sweetness.
  • Garlic powder + ground thyme + black pepper: These add that classic herb-y, cozy flavor profile.
  • Cannellini beans (or great northern beans): Your creamy protein base is your white bean of choice. I went with cannellini beans because they hold their shape while still giving you that tender, buttery bite. You can also use northern beans or any other white bean of your preference.
  • Balsamic vinegar: Adds a little tang and depth that makes the onions taste even richer and more complex.
  • Coconut aminos: Brings umami and a subtle sweetness, like a gentle soy-sauce vibe without overpowering the dish.
  • Full-fat coconut milk: This is what turns the skillet into a creamy white bean skillet moment. It makes the sauce silky and comforting, and I promise: you won’t taste coconut in the final result.
  • Dairy-free parmesan: Adds a salty, cheesy finish that takes this from “damn, that’s good” to “how is this vegan?!”
  • Parsley: Freshness, color, and balance. It cuts through richness and makes everything taste brighter.
Caramelized red onions cooking in skillet until soft and golden brown

How to Make This French Onion White Bean Skillet

This is one of my favorite types of skillet recipes because it requires minimal prep, one pan, and delivers big flavor.

Soften the Onions

Start by heating your skillet over medium heat and adding a little dairy-free butter or olive oil if you’re using it. Add the sliced onions and sauté for a few minutes until they begin to soften and release their liquid.

Caramelize for French Onion Flavor

Mix the water with the vegan “beef” bouillon and pour it into the skillet. Lower the heat to a gentle simmer, cover, and let the onions cook until very tender. Then uncover, turn the heat up to medium-high, stir in the salt and maple syrup, and cook until the onions turn golden, browned, and beautifully caramelized (a few darker bits are a good thing).

Make It Creamy

Stir in the garlic powder, thyme, and black pepper, then add the beans, balsamic vinegar, coconut aminos, coconut milk, and dairy-free parmesan. Let everything warm through until you have creamy beans in a glossy, savory sauce, then finish with chopped parsley right before serving. Enjoy it straight from the pan, over rice or pasta, or with warm crusty bread for peak cozy.

What is French Onion?

“French onion” flavor usually refers to the combination of deeply caramelized onions, savory broth, and herbs, most famously in classic French onion soup. A classic French onion soup recipe is traditionally made by slowly cooking onions until browned and sweet, then simmering them in broth and topping with bread and melted cheese. This skillet version pulls the best parts of that experience, aka the caramelized onions and savory depth, and turns it into a creamy, hearty one pan dinner. Basically: French onion energy, but make it a weeknight (and packed with plant based protein!)

Ways to Customize Your French Onion White Bean Skillet

One of the best parts about this skillet meal is how easy it is to make it all your own. If you want it extra hearty, serve it over pasta, rice, quinoa, or mashed potatoes. If you’re craving a more “soup-like” vibe, add an extra splash of broth and simmer for a few minutes to loosen the sauce into a stewier consistency. Want to add some more color? Stir in spinach or kale at the end until wilted. You could even top this dish with some crispy tofu if you wanted to up the protein content. And if coconut milk is not your vibe, swap it out for dairy free cream or cashew milk to keep that rich, luxurious texture.

What to Serve This Skillet Dinner With

This French Onion White Bean Skillet is super satisfying on its own, but it also plays really well with a few cozy sides. If you want something simple, serve it with warm crusty bread (or naan) for scooping up all that creamy, French onion goodness. It’s also amazing spooned over rice, quinoa, or mashed potatoes if you’re craving a heartier skillet dinner situation. If you’re in a pasta mood, try it over some orzo or a short pasta that will hold all the creaminess. This dish will also pair deliciously with roasted veggies because who doesn’t love a side of roasted Brussels sprouts and broccoli?!

How to Meal Prep This Meal

This recipe is a meal prepper’s dream come true because it’s all made in one pot and can be served a number of different ways, so you won’t get sick of it (not that this would happen anyway, it’s French onion after all!!) Make a full batch, let it cool, and store it in an airtight container in the fridge. The onions continue to deepen in flavor, and the sauce thickens into the creamiest texture. When you’re ready to eat, reheat it gently on the stove or in the microwave with a splash of water or broth to loosen it up.

A wooden spoon scoops a creamy bowl of beans from the pan

Why You’ll Love This Creamy White Bean Skillet

This creamy white bean skillet is the kind of meal that checks every box: cozy, satisfying, nourishing, and easy. You get all the comfort and depth of a French onion soup, but in a hearty skillet format that’s packed with fiber and protein thanks to the beans. It’s the kind of meal that tastes and looks like it took hours to make, but truly, you spent under an hour and used ingredients you already had in your pantry. It’s simple yet elegant and so easy to meal prep, share while hosting or just make on a busy weeknight. If you love skillet dinner ideas that taste restaurant-worthy but are simple enough for a Tuesday, this one will absolutely earn a permanent spot in your rotation.

French Onion White Bean Skillet FAQ

Can I use a different type of bean? Yes. Any white beans work, but cannellini beans and great northern beans hold their shape best. Navy beans are softer and can break down more, making the skillet much thicker and creamier than intended.

Does it taste like coconut? Not at all, coconut milk adds creaminess, but the onions, bouillon, balsamic, and seasonings are the dominant flavors.

Is this a good skillet dinner recipe for beginners? Totally! This is one of those forgiving skillet recipes where you can adjust as you go, more broth if it’s too thick, more seasoning if you want more punch.

Can I make it gluten free? This meal is already naturally gluten free, so long as you serve it with gluten-free bread or gluten-free pasta.

How long does it keep? Stored in the fridge, it’s great for 3–4 days. Reheat with a splash of water or broth.

Did you make this recipe?

Don’t forget to leave a rating and review below! I would love to know what you paired your skillet dinner with! Try these other delicious skillet dinners next:

Creamy Miso Chickpeas

Creamy Sweet Potato Lentil Skillet

High-Protein Pesto White Bean Skillet

Jackie Akerberg

Author of the Clean Vegan Cookbook, Food Blogger and Recipe Developer from Des Moines, Iowa. 

Jackfruitful Kitchen has proudly been featured in Forks Over Knives, Vegan Bowls, Vegan Food and Living, and DSM Magazine.

Learn More

Get the Jackfruitful Meal Planner !

Say goodbye to meal time stress with the Jackfruitful Meal Planner! Get a weekly custom meal plan, grocery list, and access to exclusive recipes, tutorials, at-home workouts and more!
Learn More!
Recipe cover graphic reading “Layered Salads” over a colorful layered vegetable background

Get the Layered Salads ebook from Jackfruitful Kitchen for FREE!

Enter your email below and then check your inbox for the goodies.

Related Posts

Join my mailing list to get the latest recipes first!

Hand dipping toasted bread into creamy white beans and caramelized onions in a skillet
Jackie Akerberg

French Onion White Bean Skillet

5 from 2 votes
Print Recipe Pin to Pinterest!
This French Onion White Bean Skillet is the coziest one-pan dinner you'll make! Packed with caramelized onions, creamy cannellini beans, and classic French onion flavor in a rich, silky sauce. It’s a quick weeknight recipe that feels fancy, stores beautifully for meal prep, and pairs perfectly with rice, pasta, or warm crusty bread.
Prep Time 10 minutes
Cook Time 30 minutes
Total Time 40 minutes
Servings: 6 servings
Course: Dinner, Main Course
Calories: 307

Equipment

  • stove

Ingredients
  

  • 1 tbsp olive oil or dairy-free butter, optional
  • 2 large onions, thinly sliced (yellow is best, but any will work!)
  • ½ cup water
  • 1 tbsp vegan “beef” bouillon
  • 1 tsp sea salt
  • 1 tsp maple syrup
  • 1 tsp garlic powder
  • 1 tsp ground thyme
  • 1 tsp black pepper
  • 30 oz (2 cans) cannellini or great northern beans, rinsed and drained
  • 1 tbsp balsamic vinegar
  • 1 tbsp coconut aminos
  • 1 cup full-fat coconut milk
  • 2 tbsp dairy-free parmesan
  • ½ cup parsley leaves, chopped

Method
 

  1. Heat a large nonstick or cast iron skillet over medium heat, and add in the dairy free butter or oil if using. Add in the onions and turn the heat up a bit higher, sautéing for 3-4 minutes until they begin to reduce liquid and become tender.
  2. Combine the water and vegan "beef" broth and reduce heat to medium low, bringing to a simmer, and covering to let cook for 10-12 minutes until very tender.
  3. Uncover and increase the heat to medium high, adding salt and maple syrup, stirring occasionally to get all of the onions nice and browned and caramelized.
  4. Add in the garlic, thyme and black pepper and stir to combine.
  5. Pour in the beans and stir in the balsamic, coconut aminos, coconut milk, and parmesan. Season to taste.
  6. Sprinkle with parsley leaves and stir right before serving. Serve hot on its own, over rice or pasta, over your favorite protein of choice, or with warm, crusty bread or naan for sopping up all the delicious flavor.

Notes

  • Any dairy-free (or regular) cream will work for this recipe if you would like to swap the coconut, but you cannot taste the coconut in the final result.
  • Any white beans will work well in this recipe, but cannellini and great northern are great for holding their shape, while still being softer than a garbanzo bean. Navy beans will break down and get much creamier than intended.

Nutrition

Serving 1servingCalories 307kcalCarbohydrates 39gProtein 13gFat 13gSaturated Fat 8gPolyunsaturated Fat 1gMonounsaturated Fat 2gSodium 945mgPotassium 825mgFiber 8gSugar 4gVitamin A 430IUVitamin C 10mgCalcium 133mgIron 6mg

*Macros are provided as an estimate for convenience. Your final numbers will vary depending on ingredient brands, substitutions, and how you portion the recipe.

Did you make this recipe?

Let us know how it was!
Related posts

3 Responses

  1. 5 stars
    This was great! Enjoyed by all with a crusty piece of bread. I actually added spinach to the recipe for some green and it was fabulous.

    Reply

    1. I looooove eating this white bean skillet with crusty bread!! So happy that you served this up and everyone enjoyed it 🙂 Thanks for taking the time to rate and review

      Reply
5 from 2 votes

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating




Want Jackfruitful Recipes sent right to your inbox?

Subscribe by submitting your email!