Yellow Cupcakes with Chocolate Frosting

Yellow Cupcakes with Chocolate Frosting are easy to make with an easy tender cake base and rich, fluffy, creamy frosting. Perfect for a Birthday!

This Dessert Recipe is wonderfully simple, but turns out delicious every time! It’s the cupcake version of Classic Yellow Cake. But, it’s great to serve a crowd because there’s no need to slice it up.

Yellow Cupcakes with Chocolate Frosting with rainbow sprinkles on cake stand


This Yellow Cupcake recipe is the ultimate, easy, moist cake. It comes together with simple pantry ingredients and is full of sweet vanilla flavor. Then the vanilla cupcakes are topped off with rich Chocolate Buttercream Frosting, which gives a wonderful contrast of chocolate and vanilla in every single bite. 

If you’re looking for the perfect recipe to make for a bake sale or party then these fluffy cupcakes are the way to go! Not only are they easy to make, but the simple cupcake with chocolate frosting is a basic dessert recipe that practically everyone will love. In fact, you might want to double up the recipe to make 24 cupcakes because these tasty cakes will go fast!

Yellow Cupcakes in cupcake tin before and after baking

You can make this recipe into Birthday party cupcakes by topping the chocolate icing off with rainbow sprinkles and candles. Piping the frosting on in a swirling pattern and adding some colorful toppings is an easy way to make the cupcakes look festive without a lot of extra work. They’re sure to be a favorite with all your guests. 



  • Prep: Preheat your oven, and line a cupcake tin with paper cupcake liners so that they’re ready to go when the batter is done. Also, make sure to take the butter out of the fridge a little in advance so that it has time to soften. 
  • Cupcake batter: Add the softened butter and sugar to your stand mixer and whisk until it’s light and fluffy. This should take 1-2 minutes. Then mix in the eggs, vanilla extract, and milk for about 30 seconds. In a separate medium bowl sift the all-purpose flour, baking powder, and salt together. Then add the dry ingredients to the stand mixer. Mix them together at the lowest speed to make sure the flour doesn’t get all over the kitchen. 
  • No stand mixer: If you don’t have a stand mixer, you can put the ingredients in a large mixing bowl, and use a handheld electric mixer to combine them. 
  • Baking time: Use an ice cream scoop to fill up each cupcake tin about 2/3 full. Bake the Yellow Cupcakes for 20-22 minutes. Stick a toothpick in the center of a cupcake. If it comes out clean they’re done baking. Give the cupcakes time to cool to room temperature before you add the frosting. 
  • Chocolate buttercream frosting: Melt the butter in a large saucepan over medium heat and whisk in the natural cocoa powder. Take the chocolate mixture from the heat and let it cool. Add it to the stand mixer and whip at medium speed. Then add the powdered sugar and the milk ⅓ cup at a time. Once all the milk and sugar is in, add the vanilla. If the frosting is too thick, add extra milk until it reaches the right consistency. 
  • Decorate: Put the chocolate frosting in a piping bag and swirl it over the cooled cupcakes. Add sprinkles or any other toppings if you want them before serving.

Yellow Cupcakes with Chocolate Frosting with rainbow sprinkles on cake stand


  • Frostings: You can try out other kinds of frostings for your cupcakes. Some great frostings to try on yellow cakes are Cream Cheese Frosting, Classic Buttercream Frosting, or Peanut Butter Swirl Frosting
  • Mix-ins: There are plenty of mix-ins you can try adding to your homemade cupcakes like chocolate chips, M&Ms, Reese’s pieces, or berries. 
  • Toppings: You can also try different kinds of toppings. Sprinkle on coconut flakes, sea salt, pretzel pieces, sprinkles, or mini marshmallows to the top of the icing. Or, drizzle Caramel over the top. 



  • Serve: You can keep any leftover cupcakes at room temperature for 1-2 days. Let them cool, then put them in an airtight container or cover them to make sure they stay moist. 
  • Store: To keep them in the fridge, put them in an airtight container. They’ll keep well for 3-5 days. 
  • Freeze: Freeze the cupcakes for up to 3 months. Because of the frosting, you don’t want to stack them on top of each other. Store them in a single layer, so they stay nicely formed.

Yellow Cupcakes with Chocolate Frosting with rainbow sprinkles on cake stand

Pin this recipe now to remember it later

Pin Recipe

Yellow Cupcakes with Chocolate Frosting

Yellow Cupcakes with Chocolate Frosting are easy to make with an easy tender cake base and rich, fluffy, creamy frosting. Perfect for a Birthday!
Yield 12 Servings
Prep Time 10 minutes
Cook Time 20 minutes
Total Time 30 minutes
Course Dessert
Cuisine American
Author Sabrina Snyder


Yellow Cupcakes:

  • 1/3 cup unsalted butter , softened
  • 1 cup sugar
  • 1 large egg
  • 2 teaspoons vanilla extract
  • 2/3 cup whole milk
  • 1 1/4 cups flour
  • 1 1/4 teaspoons baking powder
  • 1/4 teaspoon salt

Chocolate Frosting:

  • 3/4 cups unsalted butter
  • 1/2 cup unsweetened cocoa powder
  • 3 cups powdered sugar
  • 1/3 cups whole milk
  • 1 teaspoon vanilla


Yellow Cupcakes:

  • Preheat the oven to 350 degrees and line a 12 cup muffin tray with liner cups.
  • To a stand mixer add the butter and sugar and cream until light and fluffy, about 1-2 minutes.
  • Add in eggs, vanilla extract, and milk until well combined, about 30 seconds.
  • Sift together flour, baking powder, and salt and add to the stand mixer on the lowest speed setting until just combined.
  • Using an ice cream scoop fill the cups 2/3 full and bake for 20-22 minutes until a toothpick comes out clean.
  • Cool completely.

Chocolate Frosting:

  • Melt the butter in a large saucepan and whisk in the cocoa powder then remove from the heat and let cool.
  • Add the cooled chocolate mixer to your stand mixer and whip on medium speed adding the powdered sugar and milk, alternating them ⅓ at a time, and finally add the vanilla in last.
  • If the frosting is too thick, add a bit more milk.
  • Add frosting to a piping bag and pipe onto completely cooled cupcakes.


Calories: 405kcal | Carbohydrates: 60g | Protein: 3g | Fat: 18g | Saturated Fat: 11g | Trans Fat: 1g | Cholesterol: 62mg | Sodium: 68mg | Potassium: 151mg | Fiber: 2g | Sugar: 47g | Vitamin A: 568IU | Calcium: 55mg | Iron: 1mg
Keyword: Yellow Cupcakes with Chocolate Frosting

Yellow Cupcakes w/ Chocolate Frosting collage

About the Author: Sabrina Snyder

Sabrina is a professionally trained Private Chef of over 10 years with ServSafe Manager certification in food safety. She creates all the recipes here on Dinner, then Dessert, fueled in no small part by her love for bacon.

Sabrina Snyder is a professionally trained personal and private chef of over 10 years who is the creator and developer of all the recipes on Dinner, then Dessert.

She is also the author of the upcoming cookbook: Dinner, then Dessert – Satisfying Meals Using Only 3, 5 or 7 Ingredients which is being published by Harper Collins.

She started Dinner, then Dessert as a business in her office as a lunch service for her coworkers who admired her lunches before going to culinary school and becoming a full time personal chef and private chef.

As a personal chef Sabrina would cook for families one day a week and cook their entire week of dinners. All grocery shopping, cooking and cleaning was done along with instructions on reheating. As a private chef she cooked for private parties and cooked in family homes in the evenings for families on a nightly basis after working as a personal chef during the day.

Sabrina has been certified as a ServSafe Manager since 2007 and was a longstanding member of the USPCA Personal Chef Association including being on the board of the Washington DC Chapter of Chefs in the US Personal Chef Association when they won Chapter of the year.

As a member of the community of food website creators Sabrina Snyder has spoken at many conferences regarding her experiences as a food writer including the Indulge Food Conference, Everything Food Conference, Haven Food Conference and IACP Annual Food Professionals Conference.

Sabrina lives with her family in sunny California.

Dinner, then Dessert, Inc. owns the copyright on all images and text and does not allow for its original recipes and pictures to be reproduced anywhere other than at this site unless authorization is given. If you enjoyed the recipe and would like to publish it on your own site, please re-write it in your own words, and link back to my site and recipe page. Read my disclosure and copyright policy. This post may contain affiliate links.


Leave a comment & rating

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

Recipe Rating

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