Vanilla cupcakes with chocolate frosting are a classic homemade dessert that’s perfect for birthdays, celebrations, or whenever you’re craving something sweet. These cupcakes have a soft, tender crumb with delicious buttery vanilla flavor, finished with creamy chocolate buttercream that makes every bite extra special.
The combination of light vanilla cupcakes and rich chocolate frosting is simple but always satisfying. The cupcake batter comes together with everyday baking ingredients, while the homemade chocolate buttercream adds a smooth, chocolatey finish. Whether you’re baking for a family gathering or preparing a batch for a special occasion, these vanilla cupcakes are a lovely treat to share.
Why You’ll Love These Vanilla Cupcakes with Chocolate Frosting
- Soft and moist texture: Butter, eggs, buttermilk, and sour cream help create tender cupcakes with a soft crumb.
- Classic flavor combination: Buttery vanilla cupcakes and rich chocolate frosting complement each other beautifully.
- Homemade chocolate buttercream: The frosting is made with butter, powdered sugar, and cocoa powder for a creamy chocolate topping.
- Great for celebrations: These cupcakes are a wonderful choice for birthdays, parties, holidays, and everyday desserts.
- Easy to decorate: Use a knife for a simple frosting layer or a piping bag to create a more decorative finish.
Vanilla Cupcakes Ingredients
Each ingredient plays an important role in creating soft vanilla cupcakes and creamy chocolate frosting.
For the Vanilla Cupcakes
- All-purpose flour: Forms the structure of the cupcakes. Use regular all-purpose flour rather than self-rising flour.
- Baking powder and baking soda: These leavening ingredients help the cupcakes rise as they bake.
- Salt: Balances the sweetness and brings out the other flavors.
- Unsalted butter: Adds buttery flavor and richness while helping create a tender crumb.
- Granulated sugar: Sweetens the cupcakes and contributes to their texture.
- Eggs: Help bind the ingredients together and provide structure.
- Vanilla extract: Gives the cupcakes their classic vanilla flavor.
- Buttermilk: Adds moisture and contributes to the tender texture.
- Sour cream: Adds richness and moisture to the cupcake batter.
For the Chocolate Frosting
- Unsalted butter: Creates the creamy, fluffy base of the buttercream.
- Powdered sugar: Sweetens the frosting and helps give it structure.
- Cocoa powder: Provides the rich chocolate flavor.
- Vanilla extract: Adds flavor and complements the chocolate.
- Salt: Balances the sweetness.
- Whipping cream: Helps adjust the frosting’s consistency until it’s smooth and easy to spread or pipe.
Helpful Tips for Making Homemade Vanilla Cupcakes
A few simple details can make a difference when preparing these homemade cupcakes.
- Use softened butter: Softened butter is easier to beat with sugar and helps create a fluffy cupcake batter.
- Measure the flour carefully: Too much flour can make cupcakes dense. Use the correct quantity of 1 2/3 cups.
- Don’t overfill the cupcake liners: Fill each muffin paper about two-thirds full. The recipe makes approximately 14–15 cupcakes, so prepare enough liners rather than trying to fit everything into 12.
- Bake one tray at a time: The original instructions recommend baking one tray at a time for more consistent results.
- Check with a toothpick: Insert a toothpick into a cupcake toward the end of baking. It should come out clean when the cupcakes are ready.
- Adjust the frosting gradually: Add the powdered sugar and whipping cream in stages so you can reach your preferred sweetness and consistency.
How to Make Vanilla Cupcakes with Chocolate Frosting
Step 1: Prepare the Oven and Cupcake Pans
Preheat your oven to 350°F. Line muffin trays with muffin papers. The recipe makes approximately 14–15 cupcakes, so prepare enough spaces for the batter.
Step 2: Combine the Dry Ingredients
In a medium bowl, sift together the all-purpose flour, baking powder, baking soda, and salt. Give the mixture a whisk to combine everything evenly.
Step 3: Cream the Butter and Sugar
In a large bowl, use an electric mixer to beat the softened butter and granulated sugar until very fluffy. This step helps create the light texture of the cupcakes.
Step 4: Add the Eggs and Vanilla
Beat in the eggs and vanilla extract until incorporated. Mix in the sour cream.
Step 5: Finish the Cupcake Batter
Beat about half of the flour mixture into the butter mixture. Then beat in the milk. Turn off the mixer and scrape down the sides of the bowl before mixing in the remaining flour mixture.
Step 6: Fill the Cupcake Liners
Spoon the batter into the prepared muffin pans, filling each liner about two-thirds full. You should get approximately 14–15 cupcakes.
Avoid squeezing all the batter into just 12 muffin papers because the cupcakes may overflow as they bake.
Step 7: Bake the Vanilla Cupcakes
Bake one tray at a time at 350°F for 15–18 minutes, or until an inserted toothpick comes out clean.
Allow the cupcakes to cool before frosting them.
Step 8: Start the Chocolate Buttercream
In a large bowl, beat the softened butter with an electric mixer until fluffy.
Carefully beat in 2 cups of powdered sugar. Add the cocoa powder, vanilla extract, and salt, then mix until combined.
Step 9: Adjust the Frosting Consistency
Beat in the remaining powdered sugar about 1/2 cup at a time, alternating with 1–2 tablespoons of whipping cream.
Continue until the frosting reaches your preferred consistency and sweetness level.
Step 10: Frost the Cupcakes
Once the cupcakes have cooled, spread the chocolate frosting over the tops using a knife or pipe it on with a piping bag.
For a decorative finish, use a piping bag fitted with a 1M tip.
Easy Variations and Substitutions
You can make a few small adjustments to suit your preferences while keeping the original recipe intact.
- Use Greek yogurt: Plain Greek yogurt can replace the sour cream in the cupcake batter.
- Make homemade buttermilk: If you don’t have buttermilk, combine 1 1/2 teaspoons of distilled vinegar with 1/2 cup of milk. Let it sit on the counter for 5 minutes before using.
- Make a thinner frosting layer: If you prefer just a thin layer of chocolate frosting spread with a knife, use half the frosting recipe.
- Change the frosting decoration: Spread the frosting for a simple finish or use a piping bag for a more decorative cupcake.
How to Serve Vanilla Cupcakes with Chocolate Frosting
These vanilla cupcakes are delicious as an everyday homemade dessert, but they’re also suitable for birthdays, family celebrations, and dessert tables.
Arrange them on a serving platter with the chocolate frosting facing up. For special occasions, pipe the frosting into decorative swirls to give each cupcake a bakery-style appearance.
They also make a lovely addition to holiday dessert spreads, potlucks, and homemade birthday treats.
Frequently Asked Questions
How many cupcakes does this recipe make?
The recipe makes approximately 14–15 vanilla cupcakes. The exact number depends on how much batter you put into each muffin liner.
Can I use Greek yogurt instead of sour cream?
Yes. Plain Greek yogurt can be substituted for the sour cream in the cupcake batter.
What can I use if I don’t have buttermilk?
You can make a simple substitute by mixing 1 1/2 teaspoons of distilled vinegar with 1/2 cup of milk. Let the mixture sit for 5 minutes before using.
Can I make these cupcakes ahead of time?
Yes. You can bake the cupcakes a day ahead, allow them to cool completely, and store them in an airtight container overnight. Prepare the frosting on the day you plan to serve them, or make it ahead and refrigerate it until needed.
Can I freeze vanilla cupcakes?
Yes. The unfrosted cupcakes can be frozen in an airtight container for up to 2 months. Thaw them in the refrigerator before frosting.
Storage and Make-Ahead Tips
These vanilla cupcakes with chocolate frosting are best enjoyed on the day they’re made, but you can store leftovers or prepare some components ahead of time.
Storing leftover cupcakes:
- Keep leftover cupcakes in an airtight container at room temperature for up to 24 hours.
- Alternatively, refrigerate them in an airtight container for up to 3 days.
Making cupcakes ahead:
- Bake the cupcakes and allow them to cool completely.
- Store the unfrosted cupcakes in an airtight container overnight.
- Prepare the chocolate frosting on the day of serving.
You can also make the frosting a day ahead and store it in an airtight container in the refrigerator. Let it sit at room temperature for about 1 hour to soften before frosting the cupcakes. If the frosting is still too firm, beat it with an electric mixer. You may need to add 1–2 tablespoons of additional cream or milk.
Freezing unfrosted cupcakes:
Place the unfrosted cupcakes in an airtight container and freeze for up to 2 months. Thaw in the refrigerator before decorating.
Final Thoughts
These vanilla cupcakes with chocolate frosting bring together everything you want in a classic homemade cupcake: soft vanilla cake, buttery flavor, and creamy chocolate buttercream. They’re easy to decorate, make a lovely dessert for celebrations, and are just as enjoyable for an ordinary family treat. Save this recipe for your next baking day!
Print
Vanilla Cupcakes with Chocolate Frosting – Moist, Soft and Easy Homemade Cupcakes
These vanilla cupcakes with chocolate frosting are perfectly moist with a soft cupcake crumb and delicious buttery vanilla flavor, topped with creamy chocolate buttercream.
- Total Time: 1 hour 45 minutes
- Yield: 14 cupcakes
Ingredients
Vanilla Cupcakes
- 1 2/3 cups all-purpose flour, not self-rising
- 3/4 teaspoon baking powder
- 1/2 teaspoon baking soda
- 1/4 teaspoon salt
- 1/2 cup unsalted butter, softened
- 1 cup granulated sugar
- 2 large eggs
- 2 teaspoons vanilla extract
- 1/2 cup buttermilk
- 3 tablespoons sour cream
Chocolate Frosting
- 1 cup unsalted butter, softened
- 3–4 cups powdered sugar
- 1/2 cup cocoa powder
- 1 teaspoon vanilla extract
- 1/4 teaspoon salt
- 3–4 tablespoons whipping cream
Instructions
- Preheat the Oven: Preheat the oven to 350°F and line muffin trays with muffin papers. The recipe makes about 14–15 cupcakes total.
- Mix the Dry Ingredients: In a medium bowl, sift together the flour, baking powder, baking soda, and salt. Give them a whisk.
- Cream the Butter and Sugar: In a large bowl, using an electric mixer, beat together the butter and sugar until very fluffy.
- Add the Eggs and Vanilla: Beat in the eggs and vanilla.
- Mix in the Sour Cream: Mix in the sour cream.
- Combine the Batter: Beat about half of the flour mixture into the butter mixture. Then beat in the buttermilk. Turn off the mixer and scrape down the sides of the bowl. Mix in the rest of the flour mixture.
- Fill the Muffin Pans: Spoon the batter into the prepared muffin pans, filling each about 2/3 full. You should get about 14–15 cupcakes total. Do not try to fit all the batter into 12 muffin papers, or the cupcakes may overflow.
- Bake: Bake one tray at a time for 15–18 minutes, or until an inserted toothpick comes out clean.
- Beat the Butter: In a large bowl, using an electric mixer, beat the butter until fluffy.
- Add Powdered Sugar: Carefully beat in 2 cups of powdered sugar.
- Add Cocoa and Flavorings: Beat in the cocoa powder, vanilla, and salt.
- Finish the Frosting: Beat in the remaining powdered sugar about 1/2 cup at a time, alternating with 1–2 tablespoons of whipping cream, until the desired consistency and sweetness level are reached.
- Frost the Cupcakes: Frost the cupcakes using a knife or piping bag. A piping bag with a 1M tip was used.
Notes
- Plain Greek yogurt can be substituted for sour cream.
- If you don’t have buttermilk, mix 1 1/2 teaspoons of distilled vinegar with 1/2 cup milk. Let sit on the counter for 5 minutes to sour before using.
- If you only want a thin layer of frosting on each cupcake applied with a knife, make half the frosting recipe.
- Storage & Make-Ahead Tips:
- Cupcakes are best enjoyed the same day they’re made.
- Store leftover cupcakes at room temperature in an airtight container for up to 24 hours, or in the refrigerator for up to 3 days.
- To make the cupcakes the day before:
- Make the cupcakes and cool fully, then store in an airtight container overnight.
- Make the frosting on the day of serving. Alternatively, make the frosting the day before and store it in an airtight container in the refrigerator. Let the frosting sit at room temperature for about 1 hour to soften, then frost the cupcakes. If the frosting is still hard, beat it with an electric mixer. You may need to add 1–2 tablespoons more cream or milk.
- Unfrosted cupcakes can be frozen for up to 2 months in an airtight container. Thaw in the refrigerator.
- Nutrition information is based on 1 cupcake with frosting, assuming 14 cupcakes were made with the recipe.
- Prep Time: 45 minutes
- Cook Time: 18 minutes
- Category: Dessert
- Method: Baking



