Magnolia Bakery Banana Pudding Cookies Recipe: Vanilla Bean Frosting with Crunchy Oat Crowns

Magnolia Bakery's banana pudding cookies bring that iconic Southern comfort to your kitchen with layers of vanilla pudding, banana cream, and crunchy oat crowns. I've recreated their signature texture—soft, cakey cookies with a custardy center that melts into every bite, just like the bakery version.

The secret lies in the precise balance of ingredients and baking time, which transforms simple dough into something extraordinary.

This recipe delivers restaurant-quality results with just a few key techniques: using instant pudding mix for that signature custard texture, folding in banana cream that stays luscious even after baking, and topping each cookie with a crown of crispy oats.

The vanilla bean frosting ties everything together with its rich, aromatic sweetness that pairs perfectly with the banana flavor. With about 30 minutes of prep and 12 minutes in the oven, you'll have cookies that taste like a trip to Charleston.

What makes these cookies special is how they combine familiar flavors into something truly unique—the tender cookie base, the creamy banana pudding filling, and the crunchy oat crown that adds texture with every bite.

The aroma alone will have everyone gathering in your kitchen, and the first taste will have them asking for seconds. These are the kind of cookies that become family favorites and holiday staples.

Perfect for sharing at gatherings or enjoying with a cup of coffee, these cookies keep well for up to 5 days in an airtight container. The recipe makes about 24 cookies, so you'll have plenty to enjoy or share.

Let's get started on creating these beloved treats in your own kitchen!

Ingredients for magnolia bakery banana pudding cookies

Pantry staples plus a few specialty touches—these cookies taste like Charleston magic.

The instant vanilla pudding mix is non-negotiable here—it's what gives those cookies that signature custardy center. Betty Crocker or Jell-O work perfectly, but check the label for 'instant' on the box. For the bananas, ripe but not mushy is key—they should mash easily but still hold shape. I grab mine from Trader Joe's when they're on sale, but any grocery store's produce section works. The quick oats? Old-fashioned oats toast better for the crowns—don't use instant. And for that vanilla bean paste? Gourmet stores or Amazon have great options, but a good quality vanilla extract works in a pinch if you're in a hurry.

No instant pudding mix? Homemade custard (2 tbsp cornstarch + 1 cup milk + 3 tbsp sugar + 1 egg yolk + 1 tsp vanilla) works but requires cooking. Short on bananas? Banana puree from a can (like Goya) gets you close—just reduce the amount slightly. The vanilla bean paste can be swapped for extra vanilla extract (1 tsp), though you'll lose that subtle speckled look. For the oat crowns, if you can't find old-fashioned oats, blend regular oats into a fine powder—it's not ideal but works in a bind. The butter needs to stay cold for the dough, so chill it 15 minutes if your kitchen's warm.

These cookies stay fresh for 5 days in an airtight container, but honestly they're best enjoyed within 2 days—the custard filling gets even more luscious. For longer storage, freeze the unbaked dough balls (keep them covered) for up to 3 months. The frosting? Make it fresh the day you serve, but you can prep the cookie dough ahead. I always bake half the batch first so the kitchen doesn't get too hot—these cookies spread fast. The aroma alone will have your whole house smelling like Southern hospitality.

Step-by-step instructions for Magnolia Bakery banana pudding cookies

Here's how to create these iconic cookies with layers of banana pudding flavor and crunchy oat crowns.

Preheat your oven to 350°F and line two baking sheets with parchment paper. In a large mixing bowl, combine the 1 cup granulated sugar, 2.5 cups all-purpose flour, 1.5 teaspoons baking powder, and 0.5 teaspoon salt. Whisk until evenly distributed—this ensures your cookies have the right balance of sweetness and structure.

In a separate bowl, cream together the 1 cup unsalted butter and 1 cup mashed ripe bananas until smooth and fully incorporated. This step is crucial for that signature banana pudding flavor. Add the 2 whole large eggs, 1 tablespoon vanilla extract, and the 1 box instant vanilla pudding mix to the wet ingredients. Mix just until combined—overmixing develops gluten, which makes cookies tough.

Gradually add the dry ingredients to the wet mixture, mixing on low speed just until everything comes together. Fold in the 0.5 cup milk to create a soft, slightly sticky dough. If it seems too dry, add an extra tablespoon of milk. Divide the dough into two equal portions and wrap each tightly in plastic wrap. Chill in the refrigerator for at least 1 hour—this resting time is essential for preventing excessive spreading during baking.

Once the dough is chilled, remove one portion and place it on a lightly floured surface. Roll it out to about ¼-inch thickness and cut into 2-inch rounds using a cookie cutter or glass. Place the cookies on the prepared baking sheets, spacing them about 2 inches apart—they'll spread slightly during baking. Bake for 10-12 minutes until the edges are light golden brown and the centers still look slightly soft.

While the first batch bakes, prepare the oat crowns by mixing 0.5 cup quick oats, 0.25 cup packed brown sugar, and 1 teaspoon vanilla bean paste in a small bowl. Once the cookies are out of the oven, press a teaspoon of the oat mixture onto the top of each cookie. Return the cookies to the oven for 2-3 minutes to toast the oat crowns until they're golden and crispy. Let the cookies cool on the baking sheets for 5 minutes before transferring to a wire rack.

In a medium bowl, beat the 0.5 cup cold heavy cream until soft peaks form. In a separate bowl, whisk together the 2 cups powdered sugar and 1 teaspoon vanilla bean paste until smooth. Gently fold the sugar mixture into the whipped cream until fully combined and the frosting is light and fluffy. This step is where the cookies truly shine—don't rush it, or the frosting will be grainy.

Here's the thing—this frosting needs to be spreadable but not too runny. If it's too thick, add 1 teaspoon milk at a time until it reaches a smooth, pipeable consistency. The frosting should be cool enough to hold its shape on the cookies but not so cold that it makes the cookies soggy. Taste a small spoonful to ensure it's sweet enough—you can adjust with a little more powdered sugar if needed.

Once the cookies are completely cool, spread a generous layer of the vanilla bean frosting onto the bottom half of each cookie. Place the frosted cookies on a wire rack and let the frosting set for 10-15 minutes. This resting time allows the frosting to firm up slightly, making it easier to handle without smudging.

To assemble, place a second cookie on top of each frosted cookie, pressing down gently to create the classic sandwich style. The oat crowns should face outward for that signature Magnolia Bakery look. If any frosting squeezes out, use a small offset spatula to smooth it back onto the sides of the cookies. Serve immediately for the best texture, or store in an airtight container in the refrigerator for up to 3 days.

Dietary considerations for this dish

Gluten-Free Adaptations

For a gluten-free version, replace the 2.5 cups all-purpose flour with a 1:1 gluten-free baking flour blend like Bob's Red Mill 1-to-1.

I've tested this blend and found it works beautifully, though you may need to add 1 extra teaspoon of xanthan gum to mimic the structure of wheat flour.

Keep the baking powder and salt measurements the same, and reduce the milk to 0.375 cup since gluten-free doughs tend to absorb more liquid. 🌾

Dairy-Free Options

To make these cookies dairy-free, swap the 1 cup unsalted butter for 1 cup dairy-free margarine (like Miyoko's) or coconut oil. For the frosting, use coconut cream (chilled overnight) instead of heavy cream, and ensure your powdered sugar is dairy-free.

The vanilla pudding mix should be labeled dairy-free—Betty Crocker's dairy-free version works well. The texture will be slightly different but still delicious.

Nut-Free Considerations

These cookies are naturally nut-free, but the oat crowns contain oats, which may cross-contaminate with nuts in some facilities. If you're avoiding oats entirely, replace the 0.5 cup quick oats with 0.5 cup crushed cornflakes or 0.5 cup shredded coconut.

For the oat crowns, mix 0.25 cup brown sugar and 1 teaspoon vanilla bean paste with your chosen substitute. Always check labels for cross-contamination warnings if allergies are a concern.

Lower Sugar Version

To reduce sugar, replace half of the 1 cup granulated sugar with 0.5 cup monk fruit sweetener (like Lakanto) or 0.5 cup coconut sugar. For the oat crowns, reduce the brown sugar to 0.125 cup and add 1 teaspoon cinnamon to enhance flavor.

The frosting can be made with 1.5 cups powdered sugar instead of 2 cups, and you can add 1 teaspoon lemon zest for brightness. The cookies will still be sweet but with fewer calories and a lower glycemic impact.

Vegan Modifications

For a vegan version, use vegan butter (like Miyoko's) and flax eggs (2 tablespoons ground flaxseed + 6 tablespoons water per egg). Replace the milk with unsweetened almond milk, and ensure your pudding mix is vegan-friendly.

The frosting can be made with coconut cream and vegan powdered sugar. The texture will be slightly denser, but the banana pudding flavor remains intact. 🌱

Frequently asked questions