This post may contain affiliate links. Please read our disclosure policy.
Chocolate cupcakes with vanilla buttercream are a classic dessert that delivers rich chocolate flavor with a soft, tender crumb and a smooth swirl of vanilla frosting. These homemade cupcakes bake up beautifully with simple ingredients and a straightforward method.
They are perfect for birthday parties, school celebrations, or an afternoon baking project when you want something homemade that feels a little special. The batter comes together easily and produces bakery-style cupcakes without complicated techniques.
This recipe makes classic chocolate cupcakes with a balanced chocolate flavor and a smooth vanilla buttercream. They bake up soft and tender without being overly sweet or heavy.
Table of Contents
- Read This Before Starting
- A Quick Cocoa Powder Note
- Ingredients You’ll Need
- How to Make Chocolate Cupcakes with Vanilla Buttercream
- Helpful Chocolate Cupcake Tips
- Serving Chocolate Cupcakes at Parties
- Storage and Freezing
- FAQs
- More Chocolate Desserts Worth Making
- Simple Chocolate Cupcakes with Vanilla Buttercream Recipe
Read This Before Starting
- Classic bakery‑style cupcakes: These bake up soft and tender with a rich chocolate flavor and a fluffy vanilla buttercream swirl.
- Butter-based chocolate cupcakes: The batter uses melted butter instead of oil, giving the cupcakes a richer flavor than many chocolate cupcake recipes.
- Deep chocolate flavor: Dutch process cocoa and hot water help fully develop the chocolate taste and create a darker cupcake.
- Moist, soft texture: Sour cream keeps the crumb tender so the cupcakes stay soft even after cooling.
- Standard cupcake method: No complicated techniques or special equipment are required beyond a mixer and cupcake pan.
- Classic vanilla buttercream: The frosting is smooth, fluffy, and easy to pipe or spread on top of the cooled cupcakes.
A Quick Cocoa Powder Note
When you’re standing in the baking aisle, you’ll usually see two options: natural cocoa powder and Dutch process cocoa powder.
For these cupcakes, Dutch process cocoa is the one I reach for if it’s available. It gives the cupcakes a richer chocolate flavor and that deep, dark color that makes them look like bakery cupcakes.
Natural cocoa powder will still work if that’s what you have on hand. The cupcakes will just bake up a little lighter in color with a slightly brighter chocolate flavor.
Ingredients You’ll Need
These cupcakes use simple baking staples, but each ingredient plays an important role in creating the rich chocolate flavor and soft, tender texture.
Flour gives the cupcakes their structure and helps them bake up soft and fluffy.
Dutch process cocoa powder is what gives these cupcakes that deep chocolate flavor and dark color. If you can find it, it’s worth using.
Hot water gets mixed with the cocoa to help bring out the chocolate flavor.
Unsalted butter adds richness and keeps the cupcakes tasting buttery and tender.
Granulated sugar sweetens the batter and helps keep the cupcakes moist.
Eggs hold everything together and give the cupcakes their soft cake texture.
Vanilla extract adds a little warmth to both the chocolate cake and the frosting.
Sour cream is the secret to keeping the cupcakes extra soft and tender.
For the frosting, you’ll just need butter, powdered sugar, vanilla extract, and a pinch of salt to make a classic vanilla buttercream that’s smooth, fluffy, and perfect for piping on top.
How to Make Chocolate Cupcakes with Vanilla Buttercream
These cupcakes come together with a simple mixing process and bake in about 18 minutes.
Step 1: Prepare the oven and pans
Preheat the oven to 350°F and line cupcake pans with paper liners.
Step 2: Mix the dry ingredients
In a medium bowl, whisk together the flour, baking soda, baking powder, and salt until evenly combined.
Step 3: Bloom the cocoa
In another bowl, whisk the cocoa powder with hot water until smooth and glossy.
Pro Tip: Blooming cocoa powder helps deepen the chocolate flavor and prevents dry cocoa clumps in the batter.
Step 4: Melt the butter and sugar
In a medium saucepan over medium low heat, melt the butter with the sugar, stirring occasionally until the butter is fully melted. Transfer the mixture to the bowl of a stand mixer and beat on medium low speed until slightly cooled, about 4 to 5 minutes.
Step 5: Add eggs and flavor
Add the eggs one at a time, mixing until each egg is incorporated before adding the next. Mix in the vanilla extract and the cocoa mixture until smooth.
Step 6: Combine wet and dry ingredients
Reduce the mixer speed to low. Add the flour mixture in three additions, alternating with sour cream. Begin and end with the dry ingredients and mix just until incorporated.
Pro Tip: Avoid overmixing the batter. Stop mixing as soon as the flour disappears to keep the cupcakes soft and tender.
Step 7: Fill and bake
Divide the batter evenly between the cupcake liners, filling each about three quarters full. Bake for about 18 minutes, rotating the pans halfway through baking.
The cupcakes are done when a toothpick inserted in the center comes out clean.
Step 8: Cool the cupcakes
Let the cupcakes cool in the pan for 5 to 10 minutes, then transfer them to a wire rack to cool completely.
Step 9: Make the vanilla buttercream
Beat the butter on medium speed for about 5 minutes until light and smooth. Reduce the speed to low and gradually add the powdered sugar. Add vanilla extract and a pinch of salt.
Increase the speed to medium high and beat for about 4 minutes until the frosting is light and fluffy.
Step 10: Frost the cupcakes
Pipe or spread the buttercream over the cooled cupcakes.
Helpful Chocolate Cupcake Tips
- Measure flour carefully. Spoon flour into your measuring cup and level it off so the cupcakes stay light and fluffy instead of dense.
- Use room temperature ingredients. Eggs and sour cream blend more smoothly into the batter and create a more even texture.
- Do not overmix the batter. Mix just until the flour disappears to keep the cupcakes soft and tender.
- Fill liners about ¾ full. This helps the cupcakes rise evenly without overflowing or sinking in the middle.
- Use a scoop for even cupcakes. A cookie scoop helps portion the batter so each cupcake bakes at the same rate.
- Adjust frosting texture if needed. Add a splash of cream if the buttercream is too thick or a little more powdered sugar if it feels too soft.
Serving Chocolate Cupcakes at Parties
These chocolate cupcakes are rich and sweet, which makes them easy to build a dessert spread around when you’re hosting and want a few different treats for guests to choose from.
Serve them with:
- Fruit Tartlets – a light, fresh dessert that balances the richness of chocolate cupcakes.
- Triple Berry Salad – a bright fruit option that adds color and freshness to a dessert table.
- Strawberry Shortcake Trifle – a layered dessert that feels special for parties and celebrations.
- Coconut Milk Vanilla Ice Cream – a creamy scoop that pairs perfectly with chocolate cupcakes.
- Chewy Chocolate Chip Cookies – another classic dessert guests will always reach for.
These combinations work well when you want to offer a few different desserts so guests can mix and match flavors on a birthday table, holiday spread, or casual gathering.
Storage and Freezing
Room temperature: Store frosted cupcakes in an airtight container for up to 2 days.
Refrigerator: Cupcakes can be stored in the refrigerator for up to 4 days. Bring them to room temperature before serving so the buttercream softens.
Freezing: Unfrosted cupcakes freeze well for up to 2 months. Wrap them tightly and thaw at room temperature before frosting.
Make ahead: The cupcakes can be baked a day in advance and frosted the next day.
FAQs
Yes. Natural cocoa powder will still work if that’s what you have in the pantry. The cupcakes will bake up a little lighter in color and the chocolate flavor will be slightly brighter instead of deep and mellow.
Hot water helps dissolve the cocoa powder and bring out the chocolate flavor. This step helps the cocoa blend smoothly into the batter and creates a richer chocolate taste in the finished cupcakes.
Fill cupcake liners about three quarters full. This gives the cupcakes enough room to rise without overflowing and helps them bake evenly with nicely rounded tops.
Cupcakes can sink if the liners are overfilled, the cupcakes are underbaked, or the oven door is opened too early while they are rising. Filling the liners about three quarters full and baking until a toothpick comes out clean helps prevent this.
Yes. Unfrosted cupcakes freeze very well. Let them cool completely, then store them in an airtight container or freezer bag for up to two months. Thaw at room temperature before frosting and serving.
More Chocolate Desserts Worth Making
If you love baking chocolate desserts, here are a few more recipes to try:
- Hot Chocolate Cupcakes
- Cookies and Cream Oreo Cookies
- Chewy Dense Brownies
- Chocolate Molten Lava Cake
- Chocolate Sheet Cake
- Chocolate Pot de Creme
Made these chocolate cupcakes with vanilla buttercream? Leave a review and let me know how they turned out!
Simple Chocolate Cupcakes with Vanilla Buttercream
Ingredients
For the cupcakes:
- 3 cups flour
- 1 teaspoon baking soda
- 1 teaspoon baking powder
- 1 ¼ teaspoon salt
- ¾ cup unsweetened Dutch-process cocoa powder
- ¾ cup hot water
- 1 ½ cups unsalted butter
- 2 ¼ cups sugar
- 4 eggs
- 1 tablespoon + 1 teaspoon vanilla extract
- 1 cup sour cream
For the frosting:
- 2 cups unsalted butter, at room temperature (4 sticks)
- 4 cups confectioners’ sugar, sifted
- 4 teaspoons vanilla extract
- pinch of salt
Instructions
- Preheat the oven to 350 degrees. Line cupcake pans with paper liners.
- To make the cupcakes, combine the flour, baking soda, baking powder and salt in a medium bowl. Whisk and set aside. In another bowl, whisk together the cocoa powder and hot water until smooth.
- Melt the butter with the sugar in a medium saucepan over medium-low heat, stirring occasionally, until the butter is completely melted. Remove from heat, and transfer the mixture to the bowl of an electric mixer fitted with the paddle attachment. Beat on medium-low speed until the mixture is cooled, about 4 to 5 minutes. Add eggs, one at a time, beating until each is incorporated, scraping down sides of bowl as needed. Blend in the vanilla and then the cocoa mixture until smooth. Reduce speed to low. Add flour mixture in three additions alternating with sour cream, beginning and ending with the dry ingredients and mixing each addition just until incorporated.
- Divide the batter evenly between the prepared liners, filling each about ¾-full. Bake until a toothpick inserted in the center comes out clean, about 18 minutes, rotating the pans halfway through baking. Let cool in the pan about 5 to 10 minutes, then transfer to a wire rack to cool completely.
- To make the frosting, in the bowl of an electric mixer fitted with the paddle attachment, beat the butter on medium speed for about 5 minutes. Turn the mixer down to low speed and gradually add in the confectioners’ sugar until incorporated. Add in the vanilla and salt and mix until incorporated. Turn the mixer back up to medium-high speed and beat for an additional 4 minutes, or until light and fluffy. Pipe as desired onto each cupcake.
Notes
- Use Dutch process cocoa for the best chocolate flavor.
- Avoid overmixing the batter to keep the cupcakes tender.
- Unfrosted cupcakes freeze well for up to 2 months.
Nutrition
Nutrition information is automatically calculated, so should only be used as an approximation.
I have made these cupcakes for years, it’s my go to recipe. We decorate them depending on the celebration. I write the date on my recipe so I can remember how many times I have made these.