• Cake
  • Frosting
  • YouTube
  • My Favorite Tools
  • Nav Social Icons

  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Recipes
    • Cake
    • Cupcakes
    • Frosting
    • Ice Cream
    • Vegan
  • Cake Basics
  • Tutorials
  • Blog
  • About
  • Mobile Menu Widgets

    Connect

    Search

Sugar & Sparrow logo in script font

Sugar & Sparrow

Lifestyle and Cake from Portland Oregon

  • Cake Basics
  • Recipes
    • Cake
    • Cupcakes
    • Cookies & Bars
    • Filling
    • Frosting
    • Ice Cream
    • No-Bake
    • Small Batch
    • Vegan
  • Tutorials
  • Book
  • Blog
  • About

Classic Yellow Cupcakes with Chocolate Frosting

April 17, 2023 · In: Cupcakes, Featured, Recipes

Jump to Recipe

There is no cake more nostalgic to me than yellow cake with chocolate frosting and rainbow sprinkles. It’s the birthday cake my mom made for me every year growing up and although it was tradition for her to bake it in a casserole dish (with box mix and canned frosting), I whipped up a from-scratch version that’s just as delicious and takes me right back to my childhood! The layer cake version is here, but I whipped up this cupcake recipe just in case you want to whip up a tinier rendition of the same great recipe! 

yellow cupcakes with chocolate frosting recipe
classic yellow cupcakes with chocolate frosting recipe by sugar and sparrow

These yellow cupcakes are extra moist, have the perfect fluffy crumb, and are naturally yellow in color due to egg yolks in the recipe. In my humble opinion, these are as close to a box mix as you can get texture-wise, but taste even better with these from-scratch ingredients. If you’ve never had yellow cake before and are wondering what they taste like, just imagine an extra moist vanilla cake. The only real difference is that classic yellow color.  

chocolate buttercream recipe by sugar and sparrow

I always pair yellow cake with chocolate frosting, which gives it a great balance of chocolate and vanilla flavor (plus it’s tradition!). The chocolate buttercream pictured here is my absolute favorite – rich and decadent, silky smooth, and simple to make. It’s also the perfect consistency for piping the swirls onto these cupcakes! I used Wilton Tip 1M for these swirls but you could use any piping tip you usually decorate cupcakes with, or simply spread the frosting on with a spatula or butter knife. 

yellow cupcakes with chocolate buttercream recipe
yellow cupcakes recipe with chocolate frosting

Immediately after piping the swirls, I added some rainbow sprinkles onto each cupcake to give them that extra nostalgic look. I used these rainbow sprinkles but I also love this mix by SprinklePop and was a little sad when I realized I didn’t have them on hand for this batch. Don’t worry, I got over it as soon as I bit into one of these cupcakes and felt the worries of the world melt away.

yellow cupcake recipe with chocolate buttercream frosting

Yellow Cupcakes with Chocolate Frosting

Inspired by my favorite birthday cake as a kid, these yellow cupcakes rival box mix texture with their moist and fluffy crumb. Pair them with decadent chocolate buttercream and rainbow sprinkles for a classic flavor combination!
Print Recipe Pin Recipe
Prep Time:45 minutes mins
Cook Time:15 minutes mins
Servings: 14 Cupcakes

Ingredients

Yellow Cupcakes

  • 1 1/4 Cups (132g) sifted cake flour* DIY recipe in notes
  • 1 tsp baking powder
  • 1/4 tsp baking soda
  • 1/4 tsp salt
  • 6 Tbsp (82g) unsalted butter, room temperature
  • 2 Tbsp (30ml) vegetable oil
  • 3/4 Cup (150g) granulated sugar
  • 1 large egg + 1 large egg yolk, room temperature
  • 2 Tbsp (30g) sour cream, room temperature
  • 1 1/2 tsp pure vanilla extract
  • 1/2 Cup (120ml) whole milk, room temperature

Chocolate Buttercream

  • 1 Cup (226g) unsalted butter, room temperature
  • 3 Cups (360g) powdered sugar
  • 1/2 Cup (45g) natural unsweetened cocoa powder
  • 3 Tbsp (45ml) whole milk, room temperature
  • 2 tsp pure vanilla extract
  • pinch of salt, or to taste

Garnish

  • 1/4 Cup (50g) rainbow sprinkles (optional)

Instructions

Make the Yellow Cupcakes

  • Preheat the oven to 350ºF/177ºC and line a cupcake pan with 12-15 liners.
  • Add the sifted cake flour, baking powder, baking soda, and salt into a bowl and whisk to combine. Set aside. 
  • In the bowl of your stand mixer (a handheld mixer works fine too!), cream the butter for on high for two minutes until it's light and fluffy. Add vegetable oil and sugar, then continue to mix on med-high for another two minutes. Add the whole egg and egg yolk and mix until well combined. Add vanilla and sour cream and mix for one minute on high, scraping down the bowl and paddle once more. 
  • With the mixer on low speed, add in the dry ingredients and mix until just combined, then continue mixing while you add the milk in a slow stream. Mix until just incorporated, then scrape down the sides and bottom of the bowl and give it a few stirs to make sure there are no lumps (without over-mixing). The batter will be thick.
  • Spoon the yellow cake batter into the cupcake liners, filling each one between 1/2 and 2/3 full. Bake for 15-18 minutes, or until a toothpick inserted comes out clean. Allow the cupcakes to cool fully before frosting.

Make the Chocolate Buttercream

  • In a stand mixer fitted with a paddle attachment, whip the butter on high speed until creamy and light in color, about five minutes. Scrape down the bowl and paddle and turn the mixer to low, then add the powdered sugar, cocoa powder, milk, vanilla extract, and salt. Continue mixing on low speed until fully combined and uniform, 2-3 minutes, scraping down the bowl and paddle as needed.

Assembly

  • When the cupcakes are fully cooled, fit a piping bag with Wilton Tip 1M. Fill the piping bag with the chocolate buttercream and pipe a swirl onto each cupcake. Garnish with rainbow sprinkles.

Notes

*DIY Cake Flour Recipe: To make your own cake flour, spoon and level one cup of all-purpose flour and remove 2 Tbsp. Add 2 Tbsp of cornstarch. Repeat per the amount of cake flour you need, then sift the flour and cornstarch mixture 4 times (don’t skip that step!). After sifting, spoon and level to re-measure the amount of cake flour you need. 
Make Ahead Tips:
  1. The yellow cupcakes can be baked, cooled, wrapped in plastic wrap, and left out at room temperature up to one day ahead of decorating. Unfrosted cupcakes can be stored in an airtight container in the freezer for up to two months before thawing and frosting. 
  2. The chocolate buttercream can be made ahead and stored in an airtight container at room temperature for up to 1 day. Alternatively, you can store it in an airtight container in the refrigerator for up to two weeks. When you’re ready to use it, bring it back to room temperature and re-mix with your stand mixer to bring back to frosting consistency. 
  3. The frosted cupcakes can be stored at room temperature in a box for up to 5 days (they will be the most fresh up to 2 days). 
Yield: this recipe makes 12-15 cupcakes. Double the recipe to make 24-30 cupcakes and so on. 

Did you make these cupcakes? I want to know how it went! Leave a comment below and feel free to tag @sugarandsparrowco on Instagram to show me. I love to see what you create!

By: Whitney · In: Cupcakes, Featured, Recipes · Tagged: birthday cake, birthday cupcakes, chocolate buttercream, cupcake recipe, cupcakes, rainbow sprinkles, yellow cake, yellow cupcakes

you’ll also love

the best vanilla cupcakes recipeThe Perfect Vanilla Cupcake Recipe
hot cocoa cake recipe with homemade marshmallow fillingHot Cocoa Cake with Homemade Marshmallow Filling
yellow cake recipe with chocolate frosting and rainbow sprinklesYellow Cake with Chocolate Frosting (Classic Birthday Cake)

Join the List

Stay up to date & receive the latest posts in your inbox.

Reader Interactions

Comments

  1. Randi C says

    September 10, 2024 at 11:10 am

    Can these be made with AP flour versus cake flour

    Reply
    • Whitney says

      September 10, 2024 at 9:55 pm

      Yes, but see the notes section below the recipe to see how I make a DIY version of cake flour using AP flour.

      Reply

Leave a Reply Cancel reply

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

Recipe Rating




Next Post >

How to Bake My Layer Cake Recipes as Cupcakes

Primary Sidebar

Welcome to Sugar & Sparrow

Welcome to Sugar & Sparrow

Helping you whip up pretty desserts with confidence and creativity. And hopefully sharing a few laughs with you along the way!

Learn More

Connect

let’s bake!

Get my very best recipes, baking tips, and decorating tutorials sent to your inbox

Featured Posts

pumpkin cupcakes with spiced cream cheese frosting

Perfect Pumpkin Cupcakes with Spiced Cream Cheese Frosting

chocolate cupcakes with chocolate buttercream, marshmallow filling, mini marshmallows, and chopped almonds

Rocky Road Cupcakes with Homemade Marshmallow Filling

carrot cake with brown butter cream cheese frosting

Carrot Cake with Brown Butter Cream Cheese Frosting

Search

Archives

Follow Along

@sugarandsparrowco

CARAMEL APPLE CUPCAKES 🍏deliciously moist, perfect CARAMEL APPLE CUPCAKES 🍏deliciously moist, perfectly spiced apple cupcakes topped with a swirl of salted caramel buttercream and drizzled with homemade salted caramel sauce – these are the ideal Fall cupcakes if you ask me! 

Comment RECIPE and I’ll send it to you! Or find it linked in my bio + at https://sugarandsparrow.com/caramel-apple-cupcakes/

#applecupcakes #saltedcaramel #caramelcupcakes #fallbaking #caramelapple
DYE-FREE BLACK BUTTERCREAM 🖤 (recipe below) there DYE-FREE BLACK BUTTERCREAM 🖤 (recipe below) there is ZERO food coloring in this black buttercream recipe which means it won’t turn your mouth black (or anything else 💩) + it tastes like Oreo cookie butter so it’s a win all around!! The key is to use EXTRA dark black cocoa powder, which also comes in handy in my black velvet cake recipe 🙌🏼 ideal secret ingredient for your Halloween cakes! 
⁣
Full recipe (and the black cocoa powder I use!) is linked in my bio and at https://sugarandsparrow.com/dye-free-black-buttercream/
⁣
DYE-FREE BLACK BUTTERCREAM⁣⁣
Yield: 2.5 Cups⁣⁣
⁣⁣
INGREDIENTS:⁣⁣
1 Cup (226g) unsalted butter, room temp
2 1/2 Cups (300g) powdered sugar⁣⁣
1/2 Cup (56g) EXTRA DARK black cocoa powder⁣⁣*
1 tsp pure vanilla extract⁣⁣
2 Tbsp whole milk, room temp
pinch of salt⁣⁣
⁣⁣
INSTRUCTIONS:⁣⁣
1. In a stand mixer fitted with the paddle attachment, whip the butter on medium speed until creamy and light in color, 4 min. Add half of the powdered sugar and mix on low until just combined, then add the rest of the powdered sugar. With the mixer still in the off position, sift in the black cocoa powder and add the vanilla, milk, and salt. Mix on low until all ingredients are thoroughly combined, 2-3 minutes, scraping down the bowl and paddle as needed.⁣⁣
2. Place the buttercream in an airtight container and allow the color to deepen for 24 hours or more. ⁣⁣

*I use a brand called The Cocoa Trader that I get on Amazon. It’s the darkest black cocoa powder I’ve seen so far!!
⁣⁣
#blackbuttercream #naturalfoodcoloring #blackcake #buttercream #blackcocoapowder
SMALL BATCH pumpkin cake with cream cheese frostin SMALL BATCH pumpkin cake with cream cheese frosting 🧡 This mini cake is a scaled down version of my favorite pumpkin cake recipe + makes the perfect amount for 2-4 people! Bake it as a 4-inch mini layer cake or a single layer 6-inch cake, either way is absolutely delicious and the perfect for date night, a small gathering, or any time you’re craving pumpkin cake without having to make a huge dessert 🙌🏽

Comment RECIPE and I’ll send you the full recipe (with thick and stable cream cheese frosting!) or find it linked in my bio + at https://sugarandsparrow.com/small-batch-pumpkin-cake/ 

INGREDIENTS 
2/3 Cup (88g) all-purpose flour
1 tsp baking powder
1/4 tsp baking soda
1/4 tsp salt
1 tsp ground cinnamon
1/2 tsp allspice
1/4 tsp nutmeg
1/8 tsp ground ginger
1/3 Cup (67g) packed brown sugar
2 Tbsp (25g) granulated sugar
1/3 Cup (80ml) vegetable oil or melted butter
1 large egg, room temp
1/2 Cup (125g) canned pumpkin puree
1/2 tsp pure vanilla extract

INSTRUCTIONS
1. Preheat the oven to 350ºF (177ºC). Grease and line three 4-inch cake pans or one 6-inch cake pan.
2. In a medium bowl, whisk together the all-purpose flour, baking powder, baking soda, salt, cinnamon, allspice, nutmeg, and ground ginger. Set aside.
3. In a separate medium bowl, add the brown sugar, granulated sugar, vegetable oil (if using melted butter in place of the oil, cool it for 5-10 minutes prior to adding here), egg, pumpkin puree, and vanilla extract. Whisk together until uniform, then add the flour mixture and whisk until smooth.
4. Pour the batter evenly between the prepared cake pan(s). If using 4-inch cake pans, bake for 22-26 minutes. If using a 6-inch cake pan, bake for 25-30 minutes. Cool completely before frosting (full recipe with cream cheese buttercream is linked in my bio!)

#pumpkincake #smallbatchcake #minicake #creamcheesefrosting #fallbaking
TOP 10 FALL CAKES 🍂 These are not only MY favorite TOP 10 FALL CAKES 🍂 These are not only MY favorite Fall cake recipes, they’re yours too! 🥰

Comment “FALL” and I’ll send you all of the cake recipes shown here and all 36+ of my favorite Fall baking ideas – classic cakes like pumpkin cake with cream cheese frosting, spice cake, and cranberry orange cake, more complex flavor combinations like chocolate pecan pie cake with salted caramel and apple crisp cake, and cozy recipes like no-bake pumpkin cheesecake, homemade salted caramel, and my favorite brown butter chocolate chip cookie bars. 

https://sugarandsparrow.com/fall-baking-recipes/

#pumpkincake #applecake #fallcake #cakeinspiration #cakeideas
The BEST pumpkin cake with cream cheese frosting 🧡 The BEST pumpkin cake with cream cheese frosting 🧡 this pumpkin layer cake is easy to make, perfectly spiced, so moist, irresistible with cream cheese frosting, and uses the ENTIRE 15oz can of pumpkin (no awkward leftovers!). Top it with pretty piped pumpkins to make it extra cute 🥰

Comment RECIPE to get the full recipe (with frosting + cake decorating tutorial) or find it linked in my bio and at https://sugarandsparrow.com/pumpkin-layer-cake-recipe/

INGREDIENTS
2 Cups (265g) all-purpose flour
2 tsp baking powder
1 tsp baking soda
1 tsp salt
2 tsp ground cinnamon
1 tsp allspice
1 tsp nutmeg
1/2 tsp ground ginger
1 Cup (200g) packed brown sugar
1/2 Cup (100g) granulated sugar
1 Cup (240ml) vegetable oil or melted butter
4 large eggs, room temp
15 Oz (425g) canned pumpkin puree
2 tsp pure vanilla extract

INSTRUCTIONS
1. Preheat the oven to 350ºF (177ºC). Grease and line three 6-inch or two 8-inch cake pans.
2. In a medium bowl, whisk together the all-purpose flour, baking powder, baking soda, salt, cinnamon, allspice, nutmeg, and ground ginger. Set aside.
3. In a separate large bowl, add the brown sugar, granulated sugar, oil (if using melted butter in place of the oil, cool it for 5-10 minutes prior to adding here), eggs, pumpkin puree, and vanilla extract. Whisk together until uniform, then add the flour mixture and whisk until smooth.
4. Pour the batter evenly between the prepared cake pans and bake for 32-36 minutes, until a toothpick inserted comes out clean or with just a few moist crumbs. Cool the cakes completely to room temp before frosting!

#pumpkincake #creamcheesefrosting #layercake #cake #fallbaking

Footer

On the Blog

  • Cake Basics
  • Recipes
  • Tutorials

Info

  • About
  • Privacy Policy & Disclosure

stay in the know

Copyright © 2026 · Theme by Sugar & Sparrow