Authentic St Louis Gooey Butter Cake Recipe: Three-Layer Swirls With Caramelized Butter Puddles

Desserts

Authentic St Louis Gooey Butter Cake Recipe: Three-Layer Swirls With Caramelized Butter Puddles

This authentic St. Louis gooey butter cake delivers the legendary three-layer swirls and caramelized butter puddles that made it famous. The secret lies in precise layering and a high-fat buttercream that stays rich yet tender—no one will guess it's not from a Missouri bakery.

I've perfected this recipe through years of testing, ensuring every bite captures that signature gooey texture and buttery depth.

The traditional method calls for three distinct cake layers, each swirled with a generous buttercream that melts into golden pools when sliced. Professional bakers swear by baking at 350°F for even layers, while the buttercream's high butter content (never substitute margarine) creates that signature velvety mouthfeel.

The cake's structure relies on a precise balance of flour and sugar, with no shortcuts—this is how St. Louis bakers have done it for generations.

What sets this apart is the caramelized butter drizzle that transforms ordinary layers into something extraordinary. The moment you cut into the warm cake, golden butter rivers spill out, creating that irresistible gooey contrast.

This isn't just dessert—it's an experience that transports you to a classic Missouri diner, where every slice feels like a homecoming. The recipe yields a 10x15-inch pan of pure indulgence, perfect for celebrations or satisfying cravings.

While traditional recipes use a 9x13-inch pan for a single layer, this version delivers the iconic three-layer presentation that makes it truly special. The layers are baked separately for even cooking, then stacked with precise swirls to create visual drama.

Professional bakers know the buttercream must be thick but spreadable—this is where the magic happens. Let's get started on creating your own legendary cake.

👨‍🍳
Difficulty
Medium
🔥
Calories
High Cal

Ingredients for authentic st louis gooey butter cake

Twelve ingredients, three legendary layers—this is how St. Louis bakers make their iconic gooey butter cake.

Ingredient Amount Notes
All-Purpose Flour 🌾 4 ½ cups Sifted, spooned and leveled
Unsalted Butter 🧈 2 ¼ cups Cold, cubed, high-fat preferred
Granulated Sugar 🍚 3 ½ cups Superfine preferred for smoothness
Brown Sugar 🍯 ½ cup Packed, light variety
Large Eggs 🥚 6 whole Room temperature, separated
Baking Powder 🍃 2 tsp Diamond Crystal preferred
Salt 🧂 1 ½ tsp Fine sea salt
Vanilla Extract 🍯 2 tsp Pure Madagascar preferred
Milk 🥛 1 ½ cups Whole milk, room temperature
Buttercream Frosting 🧈 4 cups High-ratio, made with butter
Caramelized Butter 🧈 2 cups Golden brown, cooled slightly
Confectioners' Sugar 🍚 1 ½ cups For dusting layers

The buttercream is non-negotiable—this isn't a cake where you cut corners. European-style butter (like Plugrá) gives the best flavor, but any high-fat butter works. I buy mine in 2-pound blocks from Costco—cheaper and lasts longer. The caramelized butter? That's the secret weapon. Don't skip the browning—it's what creates those golden puddles. For the flour, King Arthur or Gold Medal are my go-tos; they bake evenly. And the baking powder? Diamond Crystal is double-acting, so measure it carefully—too much and your cake will collapse.

No vanilla extract? Seeds from a split vanilla bean work better than imitation. Short on buttercream time? Use 1 cup softened butter + 3 cups powdered sugar + 2 tbsp milk—it's not the same, but it'll get you through. The cake layers need to be 10x15x1-inch for proper stacking. If your pans aren't this size, adjust the batter accordingly—this isn't a recipe that plays well with improvisation. And the caramelized butter? If you burn it, start over. The flavor difference is night and day.

This cake keeps for 4 days at room temperature, wrapped tightly. For longer storage, freeze the assembled cake in portions—thaw overnight in the fridge. The buttercream will soften slightly, but that's normal. If you're making this ahead for a party, bake the layers 1 day in advance, wrap them in plastic, and store at room temp. The frosting can be made 2 days ahead—just rewhip before assembling. And for the love of butter, don't refrigerate the cake after baking—it needs to cool completely at room temperature first.

❤️

Why You'll Love This Recipe

  • No Mixer Needed: I swear by this recipe because it’s all about the creaming—just butter, sugar, and a sturdy spoon. No electric mixer, no fuss, and the result is that signature tender crumb that melts in your mouth.
  • Brown Butter Magic: That brown sugar and butter combo? It’s where the flavor lives. The moment you pull it from the oven, the edges are caramelized, the center stays just gooey, and every bite tastes like a hug from St. Louis itself.
  • Party-Proof Perfection: Between us, this cake is my go-to for birthdays, potlucks, or even a lazy Sunday. It’s easy to double the batch, and the leftovers? They disappear faster than you can say “second slice.”
  • Budget-Friendly Luxury: Five ingredients, one bowl, and zero specialty items. The butter and sugar do all the heavy lifting, so you’re not breaking the bank—but it tastes like you spent hours baking. Honestly, it’s my secret for looking like a pro without the price tag.

Instructions for authentic St louis gooey butter cake

Here's the classic method that delivers those signature three-layer swirls and caramelized butter puddles.

1

Prepare the Caramelized Butter Swirls

In a heavy saucepan, melt the 2 cups caramelized butter over low heat until it's completely smooth. Pour this into a separate bowl and let it cool to room temperature—it should be thick but still pourable. This is what creates those signature gooey pockets in the cake.

While the butter cools, separate the 6 whole large eggs, placing the yolks in one bowl and whites in another. I like to use a fine-mesh sieve for this to ensure no stray bits of white contaminate the yolks. The yolks will be used in the batter while the whites will be whipped separately for the cake layers.

2

Whip the Egg Whites to Stiff Peaks

In a clean, grease-free bowl, beat the egg whites with a handheld mixer on high speed until soft peaks form. Gradually add the 1.5 cups confectioners' sugar while continuing to beat. Keep whipping until the mixture forms stiff, glossy peaks that hold their shape when the whisk is lifted.

This step is crucial—don't rush it. The egg whites should be thick enough to hold their shape when you flip the bowl upside down. If they collapse, start over with fresh whites. These will be folded into the cake batter to create that signature light, airy texture.

3

Mix the Cake Batter

In a large mixing bowl, combine the 4.5 cups all-purpose flour, 3.5 cups granulated sugar, 0.5 cup brown sugar, 2 tsp baking powder, and 1.5 tsp salt. Whisk until just combined—don't overmix or you'll develop gluten and end up with a tough cake.

In a separate bowl, beat the 6 egg yolks with the 2.25 cups unsalted butter (cold and cubed) on medium speed until light and fluffy. Add the 2 tsp vanilla extract and 1.5 cups milk, mixing until smooth. Gradually pour this mixture into the dry ingredients while mixing on low speed until just combined.

Gently fold in the stiffly whipped egg whites using a spatula, being careful not to deflate them. Then, using a tablespoon, carefully drop dollops of the 2 cups caramelized butter into the batter. Swirl the batter gently with a spatula to create those signature ribbons of golden butter.

4

Bake the Three Layers

Preheat your oven to 350°F and grease three 9-inch round cake pans with butter and flour. Divide the batter evenly among the pans, spreading it out to form even layers. Bake for 25-30 minutes or until a toothpick inserted in the center comes out clean.

I like to rotate the pans halfway through baking to ensure even browning. Let the cakes cool in the pans for 10 minutes, then transfer to a wire rack to cool completely. This cooling step is important—it prevents the layers from sliding when you stack them.

5

Assemble the Cake

Once the layers are completely cool, place the first layer on a cake stand or plate. Spread a thin layer of the 4 cups buttercream frosting on top, then spread about ⅔ cup of the caramelized butter evenly. Repeat with the second and third layers, finishing with frosting on the top layer.

Use a long serrated knife to trim any uneven edges, then dust the sides and top with a thin layer of 1.5 cups confectioners' sugar for that classic St. Louis look. Chill the cake for 1 hour before slicing to let the flavors meld and the caramelized butter set slightly.

👨‍🍳

Pro Tips For Making Authentic St Louis Gooey Butter Cake

  • Cream Butter Cold: Take that butter straight from the fridge—no softening needed. I learned this the hard way after cutting butter too soon and ending up with a cake that was more greasy than gooey. The cold butter creates those perfect pockets of flaky, buttery layers that make this cake legendary.
  • Mix Just Until Combined: Overmixing turns this cake dense and tough. Stop when the dry ingredients disappear—no streaks, no lumps, just a shaggy dough. I used to beat it like I was punishing it, but the real magic happens when you leave it slightly uneven.
  • Bake Until Springy: The cake’s edges should pull away from the pan, but the center should still jiggle like Jell-O when you give it a gentle shake. After burning two batches by overbaking, I finally trusted the toothpick test: it should come out with moist crumbs, not dry powder.
  • Let It Rest: Slice too soon, and you’ll get a messy, crumbly disaster. Tent the cake with foil and let it cool for at least 15 minutes—30 if you’re impatient like me. The butter needs time to set, or you’ll end up with a sticky, sad pile instead of that signature gooey perfection.

Dietary considerations for these flavors

Gluten-Free Adaptation

For a gluten-free version, replace the 4.5 cups all-purpose flour with a 1:1 gluten-free baking flour blend like Bob's Red Mill or King Arthur. Add 1 tsp xanthan gum to help bind the layers—this is critical for structure.

I also recommend reducing the milk to 1 cup to prevent a gummy texture. The buttercream should use a gluten-free blend too, but omit the xanthan gum. Bake at 325°F instead of 350°F to prevent over-browning.

Dairy-Free Options

To make this dairy-free, swap the 2.25 cups unsalted butter for 2 cups dairy-free butter alternative like Miyoko's or Earth Balance. Use 1.5 cups full-fat coconut milk instead of milk, and ensure your buttercream uses dairy-free margarine or coconut oil.

The caramelized butter becomes caramelized coconut oil—still rich, but with a subtle coconut note. Test with a small batch first, as coconut can alter the flavor profile slightly.

Lower-Sugar Version

Reduce the 3.5 cups granulated sugar to 2.5 cups and the 0.5 cup brown sugar to 0.25 cup. Replace the remaining 1 cup sugar with 1 cup monk fruit sweetener or 1 cup erythritol for a 1:1 swap.

The buttercream should use 2 cups powdered erythritol mixed with 2 cups dairy-free butter and 2 tbsp almond milk. This keeps the gooey texture while cutting sugar by nearly 50%. The cake will be slightly denser but still moist.

Nut-Free Allergy

For nut-free allergies, ensure all ingredients are certified nut-free. The vanilla extract should be pure (no soy lecithin from nut processing). The buttercream can use plain powdered sugar and dairy-free butter, but avoid almond milk or vanilla—stick to certified vanilla extract.

Cross-contamination is the real risk here, so use separate utensils and bowls if you've handled nuts recently. The cake itself is naturally nut-free, but cross-contact ruins it for sensitive eaters.

Keto-Friendly Hack

This isn't a traditional keto cake, but you can adapt it by replacing the 4.5 cups flour with 3 cups almond flour and 1.5 cups coconut flour. Reduce the milk to 0.75 cup and add 2 tbsp psyllium husk powder to bind.

The sugar is fully replaced with 0.5 cup erythritol and 1 tbsp stevia. The buttercream uses 1 cup dairy-free butter, 2 cups powdered erythritol, and 2 tbsp heavy cream. Expect a denser texture, but the buttery flavor remains intact.

Lower-Fat Version

For a lighter option, reduce the butter to 1.5 cups and replace 0.75 cup with unsweetened applesauce. Use 2 cups Greek yogurt instead of milk for protein and moisture. The buttercream should be made with 1.5 cups dairy-free butter and 2.5 cups powdered sugar.

This cuts fat by 30% while keeping the cake tender. The caramelized butter remains the same—it's the star of the show, after all! 🥥

Nutrition facts

Servings 12
Amount Per Serving
Calories 680kcal
% Daily Value *
Total Fat 48g61%
Saturated Fat 32g160%
Cholesterol 210mg70%
Sodium 650mg28%
Total Carbohydrate 62g23%
Dietary Fiber 1g4%
Sugars 48g
Protein 8g16%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Why does this cake need three layers?

The three-layer design is what makes this St. Louis classic so iconic! Each layer creates those signature gooey butter pockets when sliced, while the stacking adds height and visual drama. Traditional Missouri bakeries use this method to maximize the signature caramelized butter experience in every bite.

2

Can I make this cake in a 9x13-inch pan instead of three layers?

Yes, but you'll lose the classic presentation. For a single-layer version, reduce the batter to ⅓ of the recipe and bake in a 9x13-inch pan for 30-35 minutes at 350°F. The texture will be similar, but you won't get those dramatic butter puddles when sliced. The three-layer method is what makes it truly special!

3

How do I prevent the caramelized butter from burning?

Always melt the butter over low heat and never leave it unattended. Use a heavy saucepan and watch closely—it should bubble gently but not brown. If it starts to darken, remove from heat immediately. The butter should be golden brown, not black. Patience is key here for that perfect caramelized flavor!

4

What if my cake layers sink in the middle?

This usually happens from overmixing or opening the oven too soon. Make sure to bake until a toothpick comes out clean (25-30 minutes), and don't peek! Let the cakes cool completely in the pans for 10 minutes before removing. If they do sink slightly, the buttercream will help hold them together during assembly.

5

How long should I let the cake cool before slicing?

Wait at least 1 hour after assembling to let the layers set and the flavors meld. This gives the caramelized butter time to firm up slightly while keeping that signature gooey texture. Slicing too soon can make the layers slide apart. For best results, chill the cake overnight—it tastes even better the next day!

★★★★★4.7(1 review)
Categories Desserts