9-by-13-Inch Chocolate Cake Recipe: Fudgy Layers and Buttery Frosting in One Pan

This 9-by-13-inch chocolate cake recipe delivers fudgy layers and buttery frosting in a single pan—no layering fuss, just rich, decadent dessert. The secret lies in a precise balance of cocoa powder and melted butter, creating a dense yet moist crumb that resists dryness. I’ve perfected this over years of baking, ensuring every slice delivers that perfect melt-in-your-mouth texture.

The beauty of this recipe is its simplicity: one pan, one bowl, and minimal steps—ideal for beginners or busy bakers. A warm oven and careful timing transform basic ingredients into a showstopper cake with a glossy chocolate glaze. The frosting, made from the same batter, adds an extra layer of indulgence without complicating the process.

What you’ll end up with is a deep, chocolatey cake with a crackly top and tender crumb, topped with a velvety buttercream that’s easy to spread. It’s the kind of dessert that disappears fast—perfect for birthdays, holidays, or when you just need a treat. The best part? It’s foolproof, so you can focus on enjoying the results instead of stressing over technique.

Whether you’re serving a crowd or saving slices for later, this cake keeps well for days. Let’s get baking—your taste buds (and guests) will thank you.

Ingredients for 9 by 13 chocolate cake

Rich cocoa, velvety butter, and just the right amount of sweetness—this is your one-pan chocolate dream.

The cocoa powder is non-negotiable here—Dutch-processed from Hershey's Special Dark or Valrhona gives that deep, velvety chocolate flavor without bitterness. I always grab a 12-ounce bag from Williams Sonoma because it lasts forever. Butter quality matters too—Plugrá or Land O'Lakes unsalted melts perfectly without any funny aftertaste. For the eggs, room temperature is key—they'll blend smoother and the cake will be more tender. Pro tip: if your eggs are straight from the fridge, let them sit in warm water for 10 minutes.

No Dutch-processed cocoa? Natural cocoa powder at half the amount works in a pinch, but expect a slightly more acidic taste. Running short on butter? Coconut oil at the same weight keeps the cake moist, though it'll have a subtle coconut flavor. The hot water might sound weird, but it's what activates the baking powder properly—don't skip this step. For the frosting, powdered sugar is a must, but if you're feeling fancy, add 1 tsp of espresso powder to deepen the chocolate flavor. And trust me, the heavy cream needs to be cold—otherwise, your frosting will be too runny to pipe.

This cake keeps beautifully for 4-5 days in an airtight container at room temperature, though I usually eat it all in one sitting. For longer storage, slice and freeze portions—3 months in a sealed bag works perfectly. The frosting? It's best used within 2 days, but you can refrigerate it and re-whip before serving. I always make a double batch of frosting—one for the cake, one for dipping strawberries. The leftovers? Perfect for filling cupcakes or topping cookies.

Step-by-step instructions for 9-by-13-Inch chocolate cake

Here's how to create a decadent, fudgy chocolate cake with rich layers and velvety frosting—all in one pan!

Preheat your oven to 350°F and grease a 9-by-13-inch baking pan with 1.5 cups unsalted butter, then dust lightly with flour. In a large mixing bowl, combine the 2 cups granulated sugar, 0.75 cup cocoa powder, 1.5 cups all-purpose flour, 1.5 teaspoons baking powder, and 0.5 teaspoon salt. Whisk until smooth and no lumps remain.

In a separate bowl, beat the 3 whole large eggs until lightly frothy, then gradually mix in the 2 teaspoons vanilla extract. Slowly pour the egg mixture into the dry ingredients while mixing on low speed. Add the 0.5 cup hot water and the 1.5 cups melted butter (cooled slightly), mixing just until combined. The batter will be thick and fudgy—this is exactly what you want for that rich, moist texture.

Pour the batter into the prepared pan and spread it evenly with a spatula. Bake for 35-40 minutes, or until a toothpick inserted into the center comes out with a few moist crumbs (not wet batter). The edges should be set, but the center should still have a slight wobble—this ensures a fudgy, not cakey, texture.

Here's the thing—don't overbake! The cake will continue to set as it cools. If you pull it out too soon, it'll be underdone; too late, and it'll dry out. Watch closely after 30 minutes for that perfect balance of moistness and structure.

While the cake bakes, prepare the frosting by combining the 2 cups powdered sugar, 0.5 cup heavy cream, and 0.25 cup milk in a medium bowl. Whisk until smooth and creamy, then add the 1.5 cups cooled melted butter (from the cake batter) and mix until fully incorporated. The frosting should be thick but spreadable—if it's too stiff, add a splash more milk.

This frosting is where the magic happens. The butter from the cake batter adds richness, while the powdered sugar keeps it light and fluffy. Taste and adjust the sweetness if needed—sometimes Dutch-processed cocoa powder leaves a slightly bitter note, so a touch more sugar can balance it.

Once the cake is fully cooled (at least 1 hour), spread the frosting evenly over the top using an offset spatula. For extra decadence, you can also spread a thin layer between the cake and frosting to create a "sandwich" effect. Let the cake sit at room temperature for 10 minutes to allow the frosting to set slightly before slicing.

Real talk—chilling the cake for 30 minutes before serving makes a world of difference. The frosting firms up, the cake holds its shape better, and each slice is cleaner. If you're impatient (like me), at least let it rest for 15 minutes to avoid a messy first cut.

Dietary considerations for this 9 by 13 chocolate cake

Gluten-Free Adaptation

Replace the 1.5 cups all-purpose flour with a 1:1 gluten-free baking flour blend like Bob's Red Mill or King Arthur Measure for Measure. These blends include xanthan gum, which mimics gluten's structure. For extra moisture, add 1 tablespoon applesauce to the batter. The texture will be slightly denser but still rich and fudgy. 🌱

Vegan Chocolate Cake

Swap the 3 large eggs for 3 tablespoons ground flaxseed mixed with 9 tablespoons water (let sit for 5 minutes to thicken). Use vegan butter (like Miyoko's) instead of dairy butter, and replace the heavy cream with full-fat coconut milk for the frosting. The cake will have a slightly denser crumb but remains incredibly moist.

Lower Sugar Option

Reduce the 2 cups granulated sugar to 1.5 cups and add ¼ cup monk fruit sweetener or maple syrup to maintain moisture. For the frosting, use 1 cup powdered sugar and 1 cup Greek yogurt instead of heavy cream. The result is a less sweet but still decadent cake that satisfies cravings without the sugar crash.

Nut-Free Allergy-Friendly

This recipe is already nut-free, but if you're concerned about cross-contamination, use certified nut-free cocoa powder and ensure your butter and powdered sugar are from sealed, allergy-friendly brands like Organic Valley. Always check labels—some baking powders contain trace nuts. The cake remains safe and delicious for nut-sensitive guests.

Dairy-Free Frosting

For a dairy-free version, replace the 1.5 cups melted butter in the frosting with 1.5 cups dairy-free margarine (like Earth Balance) and use coconut cream instead of heavy cream. The frosting will have a slightly tropical note, but it’s just as creamy and spreadable. Chill before serving for the best texture.

Frequently asked questions