Classic Yellow Cupcakes with Chocolate Buttercream Frosting

Yellow Cupcakes with Chocolate Buttercream Frosting — These from-scratch yellow cupcakes with chocolate buttercream frosting taste just like the kind you grew up eating at childhood birthday parties!

Yellow Cupcakes with Chocolate Buttercream Frosting — These from-scratch yellow cupcakes with chocolate buttercream frosting taste just like the kind you grew up eating at childhood birthday parties!

Classic Yellow Cupcakes with Chocolate Frosting

At the beginning of the year, I made it a goal to post some classic recipes on my site. Goal fulfilled.

In this very Pinteresty world, there’s always another Nutella-swirledbrown buttered, bacon crumbled, bourbon-infused recipe for everything from cookies to cakes. But sometimes you don’t want potato chips in your cookies or pretzels in your salted caramel.

Sometimes you just want a classic yellow cupcake with chocolate frosting like you remember eating at birthday parties as a kid. These are those cupcakes.

Sure, you could use cake mix. Duncan Hines makes an almost unbeatable yellow (I ate plenty when I toured their test kitchen last month), but I just had to make these from scratch. And they really don’t take any more time to make than using a mix.

Yellow Cupcakes with Chocolate Buttercream Frosting — These from-scratch yellow cupcakes with chocolate buttercream frosting taste just like the kind you grew up eating at childhood birthday parties!

I used melted butter and so there’s nothing to cream, making it a fast, whisk-together cake batter, just like making muffins or quick bread.  A bowl of wet ingredients, fold in the dry, pour into liners, and bake. I used melted butter not only for ease, but for color, and most importantly for flavor.

Often I prefer oil in cakes, muffins, and quick breads because it keeps them so soft, but only in recipes where there are other dominating flavors, like chocolate or pumpkin, which will mask the butter flavor anyway. But with yellow cupcakes, that buttery flavor is instrumental.

In addition to the butter, the other ‘fat source’ is 6-ounces of nonfat honey Greek yogurt. If you can’t find honey flavor, use vanilla.

I tinkered around with various combinations of 1 egg, 2 eggs, 1 egg plus 1 yolk, and a popular Cook’s Illustrated The New Best Recipe (a cooking Bible, best $22 bucks you’ll ever spend on a cookbook) calls for 1 egg plus 2 yolks.

Although I try hard not to use partial eggs in recipes because it’s just annoying, I found that 1 egg plus 1 yolk gives the right amount of  moisture and thickness to the batter. Yolks add moisture, whites dry things out, and having extra moisture insurance in cupcakes is nice since they’re prone to being dry. The extra yolk also helps add a more golden hue.

Yellow Cupcakes with Chocolate Buttercream Frosting — These from-scratch yellow cupcakes with chocolate buttercream frosting taste just like the kind you grew up eating at childhood birthday parties!

To top the yellow cupcakes, I made a simple chocolate buttercream frosting. One stick of butter, cocoa powder, confectioner’s sugar, dash of vanilla. That’s it. If you want to add a splash of cream or milk to thin it, feel free but I didn’t.

It’s dense, uber-thick and fudgy. It’s not too ‘dark’ of a chocolate flavor. We didn’t have 72% chocolate on birthday party cupcakes when I was growing up, and this frosting tastes like my childhood.

Piping bags and I don’t generally get along, but I tried my best with a Wilton 1M tip and disposable piping bag.

I garnished with Wilton Chocolate Jimmies. The sprinkles taste more like real chocolate, and not like corn syrup made to taste like chocolate, compared to any other brand of chocolate sprinkles I’ve tried.

These from-scratch yellow cupcakes are soft, moist, springy, light, and are what I’d want to see on a big spread at a birthday party, graduation party, or shower. Or on any old Wednesday afternoon.

The chocolate buttercream frosting for the cupcakes is rich, creamy, and has a perfect chocolate intensity. Not too bold and dark, or too light and wimpy, and not cloyingly sweet.

It’s piled on sky high. The only way to enjoy a cupcake.

Yellow Cupcakes with Chocolate Buttercream Frosting — These from-scratch yellow cupcakes with chocolate buttercream frosting taste just like the kind you grew up eating at childhood birthday parties!

What’s in Yellow Cupcakes & Chocolate Buttercream Frosting? 

To make the homemade yellow cupcakes, you’ll need: 

  • Unsalted butter
  • Eggs
  • Granulated sugar
  • Greek yogurt
  • Vanilla extract
  • All-purpose flour
  • Baking soda 
  • Salt

And to make the chocolate frosting for the cupcakes, you’ll need:

  • Unsalted butter
  • Unsweetened cocoa powder
  • Confectioners’ sugar
  • Vanilla extract
  • Cream or milk
  • Chocolate sprinkles 

Yellow Cupcakes with Chocolate Buttercream Frosting — These from-scratch yellow cupcakes with chocolate buttercream frosting taste just like the kind you grew up eating at childhood birthday parties!

How to Make Yellow Cupcakes

To make the classic yellow cupcakes, melt the butter then stir in the egg plus yolk, sugar, yogurt, and vanilla. Next, stir in the dry ingredients. 

Place about 2 tablespoons of batter per cupcake into your muffin cups so they’re solidly 3/4 full. Bake until the tops are golden, set, slightly domed, and springy to the touch. A toothpick inserted in the center should come out clean or with a few moist crumbs, but no batter.

You need to let the yellow cupcakes cool completely before frosting. 

Yellow Cupcakes with Chocolate Buttercream Frosting — These from-scratch yellow cupcakes with chocolate buttercream frosting taste just like the kind you grew up eating at childhood birthday parties!

How to Make Chocolate Frosting for Cupcakes

This chocolate buttercream cupcake frosting recipe is so simple! To make the best cupcake frosting, add the butter to the bowl of a stand mixer and beat until light and fluffy (it’ll take about 5 minutes). 

Add the cocoa powder, sugar, and vanilla to the butter and beat for another 5 minutes. 

Once the yellow cupcakes have cooled, pipe the chocolate buttercream frosting on top and garnish with sprinkles, if desired. 

Yellow Cupcakes with Chocolate Buttercream Frosting — These from-scratch yellow cupcakes with chocolate buttercream frosting taste just like the kind you grew up eating at childhood birthday parties!

Can I Freeze Yellow Cupcakes? 

Yes, the yellow cupcakes should be baked and then allowed to cool completely before being stored in a freezer bag or freezer-safe container. When you’re ready to enjoy the frozen cupcakes, place them on your counter to thaw. Note that you should freeze the cupcakes before they’re iced. 

Can I Freeze Frosting? 

Yes, the homemade chocolate buttercream frosting for the cupcakes can be prepared and frozen separately from the cupcakes. When you’re ready to eat the frozen cupcake frosting, place it in the fridge to thaw. 

Yellow Cupcakes with Chocolate Buttercream Frosting — These from-scratch yellow cupcakes with chocolate buttercream frosting taste just like the kind you grew up eating at childhood birthday parties!

Can I Make This Recipe as a Regular Cake? 

Possibly, but I haven’t tried it before so I can’t say for sure. If you’re looking for a classic yellow cake recipe, I recommend making my Easy Yellow Cake and topping it with the chocolate buttercream icing I used for these yellow cupcakes. 

Can I Make This Recipe as Mini Cupcakes? 

I bet you could, although you’d need to drastically reduce the cook time. If you make mini yellow cupcakes with this recipe, please leave me a comment below letting me know how they turned out! 

Yellow Cupcakes with Chocolate Buttercream Frosting — These from-scratch yellow cupcakes with chocolate buttercream frosting taste just like the kind you grew up eating at childhood birthday parties!

Tips for Making the Best Yellow Cupcakes

If you don’t have yogurt on hand, plain Greek yogurt or sour cream will work as well, but you’ll miss out on a bit of sweetness and sour cream adds tons more fat. I’m very pleased that I got the cupcakes to stay soft and moist without piling in mindless fat grams.

Also, be sure to sift the cocoa powder into the butter mixture when making the chocolate buttercream frosting. Sifting the cocoa powder will ensure that no lumps form while the frosting is being whipped up. 

Lastly, don’t overbake these yellow cupcakes. In my oven, just over 18 minutes is ideal, and by 20 minutes, while they don’t appear to be too dark, they taste dry. You’ll have to find your own oven’s sweet spot.

Yellow Cupcakes with Chocolate Buttercream Frosting — These from-scratch yellow cupcakes with chocolate buttercream frosting taste just like the kind you grew up eating at childhood birthday parties!

Classic Yellow Cupcakes with Chocolate Buttercream Frosting

Classic Yellow Cupcakes with Chocolate Buttercream Frosting

These from-scratch yellow cupcakes with chocolate buttercream frosting taste just like the kind you grew up eating at childhood birthday parties!

Yield: 12
Prep Time 20 minutes
Cook Time 20 minutes
Cooling Time 30 minutes
Total Time 1 hour 10 minutes

Ingredients

Yellow Cupcakes

  • 1/2 cup unsalted butter (1 stick), melted
  • 1 large egg
  • 1 egg yolk
  • 1 cup granulated sugar
  • 6 ounces (about 1/2 cup) Greek yogurt (I used nonfat honey Greek yogurt; vanilla or plain Greek yogurt, or sour cream may be substituted)
  • 2 teaspoons vanilla extract
  • 1 1/2 cups all-purpose flour
  • 1 1/2 teaspoons baking powder
  • 1/4 teaspoon salt, optional and to taste

Chocolate Buttercream Frosting

  • 1/2 cup unsalted butter (1 stick), softenend
  • 1/2 cup unsweetened natural cocoa powder, sifted (I used Trader Joe’s)
  • 2 1/2 to 3 cups confectioners’ sugar, sifted is ideal
  • 1 teaspoon vanilla extract
  • splash cream or milk, only as needed for consistency
  • chocolate sprinkles, optional for garnishing

Instructions

    1. Preheat oven to 350F. Line a Non-Stick 12-Cup Regular Muffin Pan with paper liners; set aside.

    For the Cucpakes:

    1. In a large, microwave-safe bowl, melt the butter, about 1 minute on high power.
    2. Allow the butter to cool momentarily (so you don’t scramble the eggs), and add the egg plus yolk, sugar, yogurt, vanilla, and whisk to combine.
    3. Stir in the flour, baking powder, optional salt, and mix until just combined and free from large lumps; don’t overmix or cupcakes will be tough.
    4. Using a medium 2-inch cookie scoop, place about 2 tablespoons of batter per cupcake into each of the 12 cavities so they’re solidly 3/4 full. There will likely be enough batter for a 13th cupcake, and either lick the bowl or discard it; or I placed a large paper liner inside a mini loaf pan, and fit the mini pan on the rack next to the main muffin pan.
    5. Bake for 18 to 19 minutes, or until tops are golden, set, slightly domed, and springy to the touch. A toothpick inserted in the center should come out clean or with a few moist crumbs, but no batter.
    6. Allow cupcakes to cool in pan for 5 to 10 minutes before transferring to a wire rack to cool completely. While they cool, make the frosting.

    For the Frosting:

    1. To the bowl of a stand mixer fitted with the paddle attachment, add the butter and beat on medium-high speed until pale, light and fluffy, about 5 minutes (or use a hand mixer and beat for at least 7 minutes). Stop to scrape down the sides of the bowl as necessary.
    2. Add the cocoa (sift it, or you will have a hard time getting the lumps out of the frosting), 2 1/2 cups confectioners’ sugar, vanilla, and beat on medium-high speed until fluffy, about 5 minutes. Stop to scrape down the sides of the bowl as necessary.
    3. Based on texture and taste preferences, optionally add 1/2 cup additional sugar (for 3 cups total), which I find necessary to achieve a thick consistency with my ingredients. If your frosting seems thick enough, refrain from the additional sugar and/or add a splash of cream to thin it.
    4. Transfer frosting to a piping bag and frost the cooled cupcakes. I used a Wilton 1M tip . Or simply spread frosting on with a knife.
    5. Optionally, garnish each cupcake with a pinch of sprinkles (do it over the sink because they fly around when they hit the frosting).

Notes

  • Cupcakes will keep airtight at room temperature for up to 3 days. I personally am comfortable storing buttercream-frosted items at room temp, but if you prefer to store in the fridge, that’s fine, but note the fridge will dry them out more quickly.

Nutrition Information:

Yield:

12

Serving Size:

1

Amount Per Serving: Calories: 622 Total Fat: 19g Saturated Fat: 11g Trans Fat: 0g Unsaturated Fat: 6g Cholesterol: 80mg Sodium: 186mg Carbohydrates: 107g Net Carbohydrates: 0g Fiber: 1g Sugar: 90g Sugar Alcohols: 0g Protein: 8g

More Classic Dessert Recipes:

ALL OF MY CAKE AND CUPCAKE RECIPES. 

Funfetti Cake with Funfetti Frosting — This Funfetti Cake recipe is as close to store-bought Funfetti Cake Mix that I’ve been able to replicate at home. I have no shame in admitting my love for that stuff, but it’s nice to be able to pronounce all the ingredients and make a scratch cake in literally 5 minutes!

Chocolate Cake with Chocolate Ganache — Try this recipe if you need a from-scratch, easy, one bowl, no mixer chocolate cake (or cupcakes). Works perfectly every time and very popular with readers! 

Easy Yellow Cake with Buttercream Frosting — This is the easiest, from-scratch yellow cake and it tastes like a million bucks. This yellow cake recipe always turns out supremely moist, springy, soft and fluffy cake thanks to buttermilk, sour cream, and oil.

Easy Glazed Pound Cake – Finally a pound cake that isn’t dry!! This EASY, buttery, velvety pound cake will be the star of your next party or celebration!

The BEST Triple Chocolate Cake — This is the chocolate layer cake to beat out all others. It’s rich, decadent, and everything you want in a triple chocolate cake! 

Caramelized Banana Upside-Down Cake— This upside down cake is super moist thanks to the combination of sour cream, buttermilk, and vegetable oil. It’s so easy to make, and the caramelized banana flavor is impossible to resist! 

Red Velvet Cupcakes with Cream Cheese Frosting — If you’ve ever wanted to make red velvet cupcakes from scratch that are as good as those you’d find in a bakery, try this hassle-free recipe!

149 comments on “Classic Yellow Cupcakes with Chocolate Buttercream Frosting”

  1. I made these cupcakes with 1/2 cup oil and 6 oz coconut greek yogurt because my mom and nephew can’t have any dairy. They turned out *perfectly*. Best cupcakes I’ve ever made. Right up there with Cupcake Royal in Seattle and Pushkins in Sacramento, my fav cupcake makers.  Thank you Averie :)

  2. These were very good. I liked using melted butter. I liked not having to use cake flour. I liked that this recipe uses less sugar in both the cake and the frosting than others I’ve seen. Also fewer eggs. You don’t even have to use your mixer, just stir cake batter by hand, who ever heard of that (thank you, Averie!). For the frosting I didn’t sift or beat as long as suggested (didn’t have time) and it was still super delicious. My Hamilton Beach hand mixer has silicone coated beaters, which is fantastic for not beating up my new mixing bowls. But beyond that, it’s super powerful and my frosting wound up lumpless (is that a word?) and fluffy in no time. Amazing, considering the organic powdered sugar I use is notoriously lumpy. YUM!

  3. Averie, how do you know whether to not overmix (resulting in toughness) like in this recipe or to mix for a long time (to make light and fluffy like other cake recipes)? Your knowledgeable answers are truly appreciated! 🙂

  4. Update: Cupcakes completed and omg they are the best I’ve ever had. Perfectly moist and yellowy. They actually taste amazing without even needing frosting (and I don’t say things like that…)

  5. I love your cake and cupcake recipes. Just a quick question though… Why not list the recipes with weights as well as measures? I switched over to using my kitchen scale and I will NEVER go back to measuring. Save people like me the time from doing the conversion ourselves. Thanks for sharing 😁

    Rating: 5
    • I am glad you love my cake and cupcake recipes!

      The honest answer is that I cook with cups and teaspoons and don’t weigh things so I don’t know what the weight was if it was say 1 cup of light brown sugar. But my hat is off to people who write out both the cups/gram measurements but I am not that person….not yet anyway.

  6. Made these for my daughter’s sleepover this weekend and they are amazing. We are lactose-free so I used pea protein-based “yogurt” in the cake and chocolate oatmilk in the frosting. The cakes rose like a dream despite only being stirred, not beaten. The chocolate frosting came out perfectly – could just eat that with a spoon!

    Rating: 5
    • Thanks for the 5 star review and glad that these turned out great even with the pea protein based yogurt! Glad they rose like a dream and yes I could eat this frosting with a spoon too :)

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.