Yellow Sheet Cake with Chocolate Buttercream Frosting

This Gluten-free Yellow Sheet Cake with Chocolate Buttercream Frosting is one of the easiest and yummiest desserts ever! Takes just 10 minutes to prep and it's perfect for any and every occasion.... celebrations, birthdays or just any day you need a dessert. Recipe makes 12 cupcakes too!

gluten free yellow sheet cake with chocolate frosting #glutenfreerecipes
Yellow Sheet Cake with Chocolate Buttercream Frosting

Amazing texture-- moist, soft & fluffy. The BEST chocolate frosting. And beyond YUMMY!

This post may contain affiliate links. Please read our Disclaimer.

New!  I added a cooking video to this page so you can see how easy it is to make this gluten-free Yellow Sheet Cake with Chocolate Buttercream Frosting!

If you’re new to our website, there is a printable recipe at the bottom of each recipe page, with exact measurements and directions.

Hope you love it!

gluten free yellow sheet cake with chocolate frosting #glutenfreerecipes

Update April 2020: By popular request, I added the baking option for cupcakes.

Original post…

This Gluten-Free Yellow Sheet Cake with Chocolate Buttercream Frosting is everything!

I was inspired to make it for 2 reasons…

  1. we already have the Best Chocolate Cake (and now we have a Chocolate Sheet Cake!) and I was constantly getting requests for yellow cake (it’s true, we needed a great gluten-free yellow cake in our repertoire!), and you all LOVE our Pumpkin Sheet Cake with Cream Cheese Frosting so it seems that the sheet cake size is a hit!
  2. And I personally couldn’t agree more!

A sheet cake baked in a rimmed baking sheet gives just enough cake and perfect ratio of frosting, plus it is easy to make and serves a crowd!

Plus a sheet cake is perfect for every occasion or even just dessert when there’s no occasion.

I scoured the internet for a simple recipe that looked like it would work well gluten-free and decided to base our recipe on one from Sally’s Baking Addiction with a few tweaks and I couldn’t be happier with the end results.

This is The Best Cake!

gluten free yellow sheet cake with chocolate frosting #glutenfreerecipes

The cake itself is a perfect texture — moist, soft and fluffy.

And I topped it with our rich and creamy chocolate buttercream frosting.… Together this cake is unreal!

All my taste testers have been going crazy for it!

Bonus: this is a super easy recipe and it comes together quickly.

The cake itself is just 9 ingredients, ones you probably already have in our pantry.

You’ll need:

gluten-free all purpose flour (we use GF Jules – affiliate link)

baking soda



cane sugar


vanilla extract

plain Greek yogurt

and whole milk.

gluten free yellow sheet cake with chocolate frosting #glutenfreerecipes

In case you’re new to this website, you should know we are huge fans of GF Jules flour (affiliate link) because it was the first gluten-free flour we discovered when my son was first diagnosed with celiac disease (over 9 years ago) that allowed us to make our favorite gluten-based recipes by simply substituting the flour.  We never looked back.

To learn more about why we love GFJules flour and why we have used it for 10 years, click here.  Bonus: at the bottom of that post is a one-time use affiliate Discount Code.

And importantly, purchasing through an affiliate link does not change your cost at all.  It generates a small percentage of the sale for me, and purchasing through an affiliate link helps me fund this website and all the recipes I share, so thank you!

Back to the gluten-free Yellow Sheet Cake…

All you do is cream the butter.

Then add in the sugar.

Then add in the eggs, one at a time.

Add in the vanilla and yogurt.

Then alternately add in the dry ingredients and milk.

Then entire prep takes about 10 minutes.

Then you pour it into a rimmed half baking sheet and bake for about 20 minutes or until golden. That’s it!

Let cool and frost it with the most amazing chocolate frosting!

gluten free yellow sheet cake with chocolate frosting #glutenfreerecipes

I used our Chocolate Buttercream Frosting from our Chocolate Cake recipe, because this is the BEST chocolate frosting we’ve ever had!

It’s made with 5 ingredients:



cocoa powder

confectioner’s (or powdered) sugar

and vanilla.

gluten free yellow sheet cake with chocolate frosting #glutenfreerecipes

And it’s super creamy and has a rich, chocolate flavor.

Top with sprinkles if you’re feeling like you want something fun and match the sprinkles to the occasion.

Hope you love it as much as we do!

Recipe also can be used to make 12 cupcakes!

Gluten-Free Yellow Cupcakes with chocolate buttercream frosting  easy dessert recipe

For more Sheet Cakes, try our:

Chocolate Sheet Cake with Vanilla Buttercream Frosting

Chocolate Sheet Cake with Chocolate Buttercream Frosting

Pumpkin Sheet Cake with Cream Cheese Frosting.

PIN it!

gluten free yellow sheet cake with chocolate frosting #glutenfreerecipes

Scroll down for recipe and leave a comment if you try.



Share on Facebook Pin Recipe Print Recipe Rate this Recipe
5 from 8 votes

Yellow Sheet Cake with Chocolate Buttercream Frosting

This Gluten-free Yellow Sheet Cake with Chocolate Buttercream Frosting is one of the easiest and yummiest desserts ever! Takes just 10 minutes to prep and it's perfect for any and every occasion.... celebrations, birthdays, Super Bowl and just any day you need a dessert. Made in a half-sized rimmed baking sheet (approximately 9.5 x 14.5). Just added baking option to make 12 cupcakes.
Prep Time15 minutes
Cook Time20 minutes
Total Time35 minutes
Course: Dessert, Celebrations, Birthdays
Cuisine: Gluten-Free, Dairy-Free Optional, Nut-Free, Vegetarian
Servings: 15 -20 slices OR 12 cupcakes
Author: Healthy Gluten-free Family


Yellow Cake

  • 1 1/2 cups gluten-free all purpose flour with xanthan gum we used GF Jules - affiliate link
  • 1 teaspoon baking soda
  • 1/2 teaspoon salt
  • 2/3 cup butter softened to room temperature (or dairy free butter) (I used 1 stick salted and the remainder unsalted but either will work)
  • 1 1/4 cups cane sugar
  • 2 eggs brought to room temperature ideally
  • 1 tablespoon vanilla extract
  • 1/3 cup plain greek yogurt or dairy free yogurt
  • 3/4 cup whole milk or dairy-free milk

Chocolate Buttercream Frosting

  • 6 Tablespoons butter softened
  • ¾ cup Hershey’s Cocoa 100% cacao natural unsweetened
  • 1 teaspoon Vanilla extract
  • 2⅔ cups powdered sugar
  • 4 to 6 Tablespoons milk


Yellow Sheet Cake

  • Preheat oven to 350 degrees F and lightly grease a half-size rimmed baking sheet (approximately 9.5 x 14.5) (You can also make these as 12 cupcakes)
  • In a small bowl, combine flour, baking soda and salt using a pastry cutter, whisk or fork. Set aside.
  • In a large mixing bowl (I used a Kitchen Aid Stand Mixer), beat softened butter until smooth and creamy.
  • Add sugar and beat on high until well combined, scraping down the sides as needed.
  • Add the eggs, one at a time, beating each one until mixed in.
  • Add in vanilla and greek yogurt. Mix until well combined, scraping down the sides with a spatula as needed.
  • With the mixer running on low speed, alternately add the dry ingredients and milk until all combined.
  • Pour into prepared baking sheet*, spread evenly and baking 20-22 minutes or until top is golden and a toothpick inserted into the center comes our clean. The edges will also start pulling away from the pan.
  • *For cupcakes, pour into 12 muffin tins, lined with baking cups and bake at 350 degrees F for 20 minutes.
  • Let cool before frosting. Can be made a day ahead, leave out at room temperature, loosely covered with wax paper.
  • Frosting

Chocolate Buttercream Frosting

  • In small mixer bowl, beat butter. Add powdered sugar and cocoa alternately with milk; beat to spreading consistency. Blend in vanilla. (Makes about 2 cups frosting)
  • Spread evenly on cooled cake. Top with sprinkles as desired.
Tried this recipe?Mention @healthyGFfamily or tag #healthyGFfamily!


32 thoughts on “Yellow Sheet Cake with Chocolate Buttercream Frosting

  1. I love this ! We are not gluten intolerant. Can I substitute all purpose flour ? Love following you and I’m liking your videos!!

  2. 5 stars
    Made this cake for a birthday party I hosted. SO yummy and moist! The gluten-eating people loved it too. Easy to make and the chocolate frosting compliments it perfectly.

  3. Super easy recipe! I used a handheld mixer because I don’t have a standing one, and almond milk instead of dairy. Took about 25 minutes in my oven. The end product was delicious, a truly incredible texture!

  4. 5 stars
    This is by far the best gf yellow cake recipe I have tried. The texture was perfect and the flavor was so delicious that it can easily stand alone with no frosting needed. Thank you!

  5. I would love to try and make this but only have a 12×12 cake pan. How long do you think it would take to cook?

    1. I think it will probably take 25-30 minutes, 35 minutes at the most… I made them as cupcakes the other day and those took 20 minutes. Test by using a tooth pick or knife and making sure it comes out clean in the center. Hope you love it!

  6. 5 stars
    I have been searching for the perfect gluten free cake recipe for my sons first birthday cake. I came across this recipe and decided to try it for the 4th of July. Normally my family complains and says any gluten free item I make is gritty but not with this cake! No one said anything negative so I will definitely be using it again.

  7. If I wanted to make this into a double layer circlular cake, do you think it would require 2 batches of cake and frosting?

  8. 5 stars
    THE ICING IS INCREDIBLE! I have never EVER made an at-home icing that made me want to put down the betty crocker fudge tub icing I grew up loving until TODAY. Can’t wait to try out your sheet cake! I’m made another gf yellow cake recipe bc I didn’t have any yogurt on hand, and it disappointed (again) so I’ll try yours as soon as I go to the market! thanks so much, the icing is going into my family cookbook. 🙂

      1. 5 stars
        Made the cake last night! It’s almost gone now…. needless to say we LOVED it! Thanks so much for finally putting yellow cake w/ choc frosting back in my gf belly!

          1. 5 stars
            I’ve since made this many more times, but its never vet fluffy. Ideas? I’d love it to be fluffier and rise a bit more

  9. This cake was lovely! I made it in a 9×13 pan because I didn’t have the size you mention, and it was not as tall as other cakes I’ve made, but thicker than your photos, which was perfect for me. It did sink just a touch in the center as it cooled, but it didn’t seem to impact the texture. Very nice recipe I’m sure I’ll make again!

  10. 5 stars
    Okay, this cake is seriously amazing!!! I made it for my sons birthday this weekend and it was a hit. Even the gluten eaters (who usually complain horribly about anything gf) said you couldn’t tell it was gf! Tastes just like a regular yellow cake. My six year old called it “the king of cakes” lol. I used a 9×13 and it still came out perfect. This is going to be a birthday staple in our family from now on. Thank you!!

  11. Yummmm. Can’t wait to make this for the 4th of July. Have you ever tried this with substituting the eggs with anything. I would love to replace them but don’t want to mess up the cake.

  12. I want to make this recipe but have a few questions first. Would Bobs red mill 1 to 1 flour work for this recipe? I don’t have GF Jules. And what brand of dairy free yogurt should I use? Kite hill? SOdelicious?

    1. Hi! I have never used Bob’s red mill but as long as it is a one-for-one all purpose flour (meaning you can substitute it for regular flour), it should work fine! And any unflavored dairy free yogurt you love is great! Hope you love it!

5 from 8 votes

Leave a Reply

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

Recipe Rating