Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (2024)

Jump to Recipe

This pink ombre cake recipe is so tender and delicious and is decorated with beautiful ombre buttercream.

As an added bonus, this recipe is designed to make as few dishes as possible.

All four shades of cake batter are made in one bowl, and the same goes for the ombre buttercream.

Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (1)

How to Make This Ombre Layer Cake

To make sure this cake turns out as amazing as possible, let’s walk through each step together! I’ve also included a video tutorial of the process below.

I figured it might be helpful to know what tools I use too, so I’ve shared a list below.

Not all of these are mandatory, but they make the process a lot easier.

If you don’t have all these things on hand, feel free to improvise and work with what you have.

Step 1: Bake the Ombre Cake Layers

Make the ombre cake layers first following the recipe card at the bottom of this post.

Add a small squirt of gel food coloring in the bowl and stir just until evenly colored.

If you’re making 4 cake layers, scoop 450 grams (about 2.5 cups) of batter into one of the pans. Repeat 3 more times, creating increasingly deeper colored cake batter as you add in more gel food coloring. I chose to make a pink ombre cake, but any color would look great.

If you’re making 3 cake layers, scoop 600 grams (about 3.25 cups) of batter into one of the pans. Repeat 2 more times, creating increasingly deeper colored cake batter as you add in more gel food coloring.

Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (2)

Divide the batter evenly between the prepared cake pans and bake for 33-36 minutes or until a toothpick comes out with a few moist crumbs.

Remove the cake layers from the oven and let them cool in the pans for about 30 minutes.

Gently run an offset spatula around the rim of the cake pans to loosen them, then flip them onto wire racks to finish cooling.

These layers bake up pretty flat, so leveling them is optional! If you want to level them, use a serrated knife to level the top of each cake layer.

I also like to trim away the caramelization around the sides of the layers.

Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (3)

If you’re making these in advance, you can wrap and freeze them at this point.

Step 2: Make the Vanilla Buttercream Frosting

While the cake layers bake and cool, make the vanilla buttercream.

I like to use an American buttercream base to make this frosting because I think it’s the easiest to make and I love eating it. However, it is quite sweet!

Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (4)

If you want to use a less sweet frosting base, I’d recommend making a batch of my Swiss meringue buttercream or 1.5 batches of my hybrid buttercream.

This frosting can also be made in advance if needed and kept in the fridge for up to a month.

Wait to color the buttercream until the cake has been filled and crumb coated. Cover the buttercream flush with plastic wrap to prevent crusting, then set aside.

Step 3: Stack and Frost the Cake Layers

Then it’s time to assemble this cake! Stack and frost cake layers on agreaseproof cake board or flat plate. Use a dab of buttercream to help stick the first cake layer to the board.

Start with the darkest cake layer on the bottom and work your way up to the lightest color.

Spread an even layer of buttercream on top of each cake layer with a large offset spatula.

Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (5)

Repeat with the remaining cake layers and place the top cake layer upside down to make the cake easier to frost.

Step 4: Crumb Coat the Cake

Spread a thin coat of frosting around the cake to fully cover the cake layers.

Smooth the frosting using a large offset spatula or bench scraper, then chill the cake in the fridge (30 minutes) or freezer (10 minutes) until the frosting is firm to the touch.

Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (6)

Step 6: Frost and Decorate this Ombre Cake

Add a small squirt of the same gel food coloring that was used to make the cake layers into the bowl and stir just until evenly colored.

Cover the top of the cake and 1/4 of the side of the cake with the lightly colored buttercream.

Add another small squirt of gel food coloring. Using this darker shade, spread a ring of buttercream underneath the lightest color of buttercream with a small offset spatula.

Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (7)

Gently blend the different shades of frosting together where they meet.

Repeat this 2 more times, until there are 4 deepening shades of frosting covering the cake.

Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (8)

Use a bench scraper to smooth the frosting, then decorate as desired!

Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (9)

I used the leftover frosting to pipe some swirls on top of the cake with a Wilton 1M tip and added on a partial ganache drip and some mini macarons.

Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (10)

If you’re making this cake in advance, it can sit at room temperature for up to a day or be stored in the fridge for up to a week.

Substitutions and Swaps – Ombre Layers

This recipe uses quite a few ingredients and I know you might not have them all on hand. Or if you have food allergies or restrictions, I’ve got you covered.

Below are some swaps and substitutions that can be made in this cake recipe.

  • All Purpose Flour– This recipe turns out best with AP flour, but you can use a gluten free flour blend or cake flour if that’s all you have on hand.
  • Granulated Sugar– I do not recommend changing the type or reducing the amount of sugar because it will change the texture of the cake layers.
  • Unsalted Butter– If you only have salted butter on hand, you can use it in place of the unsalted butter in this recipe. Just be sure to omit the salt that this cake recipe calls for. You can also use vegan butter in its place (and also omit the salt)!
  • Egg whites – I like to use the pasteurized egg whites that come in a carton, but you can also use fresh egg whites or 5 whole, large eggs. If you have an egg allergy you can use flaxseed eggs or an egg replacer.
  • Sour Cream– You can also use full fat yogurt, whole milk, or an alternative yogurt or milk (almond, soy, oat) if you’re dairy free.
  • Vegetable Oil– Any flavorless oil will work in this recipe. Canola or even sunflower oil would work great!
  • Gel Food Coloring – I highly recommend using gel food coloring to color the cake layers. It only takes a few drops to create vibrant colors and makes it easier to create ombre layers.
Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (11)

Substitutions and Swaps – Vanilla Buttercream Frosting

  • Unsalted Butter– If you only have salted butter on hand, you can use it in place of the unsalted butter. Just be sure to omit the salt that this frosting recipe calls for. You can also use vegan butter in its place (and omit the salt)!
  • Heavy Cream– Whole milk or alternative milk (soy, almond, oat) will work fine in this frosting recipe if that’s what you have on hand.
  • Gel Food Coloring – Use gel food coloring if possible! It has a thicker consistency than liquid food coloring and won’t throw off the consistency of the frosting.
Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (12)

Making This Ombre Cake in Different Sizes

I used 4, 7″ cake pans to make this cake, but this recipe can be used to make different sized cakes.

You can make three, 8- or four, 6-inch cake layers with one batch of batter. Bake 8-inch cake layers at 350 F / 175 C for 33-36 minutes, and 6-inch cake layers for 35-39 minutes, or until a toothpick comes out with a few moist crumbs.

One batch of battercan also be used to make one9×13-inch sheet cake. Bake it at 350 F / 175 C for 40-50 minutes and use flower nails or heating cores to help the cake bake evenly. It should end up being about 2 inches tall.

If you want to make cupcakes, I highly recommend using my vanilla cupcake recipe and adding gel food coloring to the batter.

Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (13)

Tips for Making the Best Ombre Cake

  • Ingredients at room tempmix together better! Set out any cold ingredients ahead of time.
  • Properly measure your flour (spoon into the cup measure, then level). Orbetter yet, use akitchen scaleto measure your dry ingredients.
  • Use a scale to weigh your cake pans as you fill them. It will make the cake layers bake up to the same height and bake more evenly.
  • Level the room temperature or thawed cake layers with a serrated knife to make them easier to stack.
  • Add in small drops of gel food coloring as you color the cake layers and buttercream. You can always add more, but you can’t really take it back once it’s added in.
  • Make sure thebuttercream is theright consistency. This will help give the cake proper structure and make it easier to decorate.
  • Chill the cake layers in the freezer for about 20 minutes before assemblingthe cake. It makes them so much easier to stack and frost!
  • If your cake layers turn out less than perfect, read mycake troubleshooting guideto see where things might’ve gone awry.

Making This Ombre Cake in Advance

I highly recommend making thesecake layers in advance and freezing them.It breaks the process up and makes it more approachable.

You can also make thefrostingahead of time tooor save any leftover frosting! It can be stored in an airtight container in thefridge for up to a month, or in the freezer for up to 3 months.

Be sure to give it a good stir once it thaws to get the consistency nice and smooth again.

A frosted cake can last in the fridge for up to a week, or in the freezer for up to a month. The buttercream locks in all the moisture, keeping the cake fresh and delicious!

If you cut into the cake and have leftovers,use any remaining frosting to cover the cut section to keep it moistand store it in the fridge for up to a week.

Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (14)

Let Me Know What You Think!

If you make this ombre cake recipe, I’d love to hear what you think of it! Let me know by leaving a rating and comment below.

And don’t forget to tag me @chelsweets and use #chelsweets if you share on social media so that I can see your amazing creations.

Other Recipes You Might Like:

Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (15)
Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (16)
Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (17)
Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (18)

Yield: 24

Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (19)

This beautiful pink ombre cake recipe bakes up so tender and delicious and is decorated with beautiful ombre buttercream and cake layers.

Prep Time30 minutes

Cook Time35 minutes

Additional Time1 hour

Total Time1 hour 50 minutes

Ingredients

Ombre Cake Layers

  • 3 cups all-purpose flour (375g)
  • 3 cups granulated sugar (600g)
  • 2 1/2 tsp baking powder (10g)
  • 1 tsp fine salt (6g)
  • 1 cup unsalted butter, room temp (226g)
  • 1 cup egg whites from a carton or about 7 egg whites, room temp (235g)
  • 1 1/2 cups sour cream, room temp (360g)
  • 2 Tbsp vegetable oil (30g)
  • 1 Tbsp vanilla extract (12g)
  • gel food coloring

Vanilla Buttercream Frosting

  • 2 cups unsalted butter, room temp (452g)
  • 1 Tbsp vanilla extract (12g)
  • 1/2 tsp fine salt (3g)
  • 7 cups powdered sugar (904g or a 2 lb. bag)
  • 1/3 cup heavy cream or whipping cream (80g)

Optional Decorations

  • 1/2 batch pink ganache
  • 5 Pink Gum balls
  • 5 Pink Macarons
  • Pink Sprinkle Blend

Recommend Tools and Equipment

Instructions

Ombre Cake Layers:

  1. Preheat oven to 350°F / 175°C. Line four 7" or three 8" pans with parchment rounds and grease with non-stick baking spray or homemade cake pan release.
  2. Mix 3 cups all-purpose flour, 3 cups sugar, 2 1/2 tsp baking powder, and 1 tsp salt together in a stand mixer with a paddle attachment or hand mixer until fully combined.
  3. Mix in 1 cup of room temperature, unsalted butter slowly into the dry ingredients on a low speed. Continue to mix until no large chunks of butter remain, and the mixture looks like moist sand.
  4. Pour in 1 cup of egg whites and mix on low until just incorporated. Scrape the sides and bottom of the bowl as needed with a rubber spatula.
  5. Then mix in 1 1/2 cups sour cream, 2 Tbsp of vegetable oil, and 1 Tbsp of vanilla on a low speed until fully incorporated.
  6. Scrape down the sides of the bowl with a rubber spatula one more time, then beat on a medium speed for about 30 seconds to make sure everything is properly mixed together. This also helps lighten the texture of the cake layers.
  7. Add a small squirt of gel food coloring in the bowl and stir until evenly colored. If you're making 4 cake layers, scoop 450 grams (about 2.5 cups) of batter into one of the pans. Repeat 3 more times, creating increasingly deeper colored cake batter as you add in more gel food coloring. If you're making 3 cake layers, scoop 600 grams (about 3.25 cups) of batter into one of the pans. Repeat 2 more times, creating increasingly deeper colored cake batter as you add in more gel food coloring. I chose to make a pink ombre cake, but any color would look great.
  8. Bake for 33-36 minutes or until a toothpick comes out with a few moist crumbs. Rotate the pans halfway through to help them bake evenly.
  9. Let the pans cool for 10 minutes, then run a small offset spatula around the perimeter of the pan to separate the cake from the pan.
  10. Place the cake layers into the freezer for 30 minutes to accelerate the cooling process. Once the layers are fully cooled, carefully flip the pans, and remove the layers.
  11. Use a serrated knife to level the tops of the layers right before you plan to assemble your cake, or you can wrap and freeze them if you're making them in advance.
  12. If you make these cake layers in advance and freeze them, let them thaw for about 20 minutes before making the cake. The cake layers should still be slightly cold to the touch, which will make it easier to assemble the cake.

Ombre Buttercream Frosting:

  1. While the cake layers bake and cool, make the vanilla buttercream frosting.
  2. In the bowl of a stand mixer or a large bowl, beat 2 cups of unsalted butter on a medium speed for 30 seconds with a stand mixer and paddle attachment or hand mixer until smooth.
  3. Mix in 1 Tbsp of vanilla extract and 1/2 tsp salt on a low speed.
  4. Gradually mix in 7 cups of powdered sugar and 1/3 cup of heavy cream on a low speed.
  5. Continue to mix on a low speed for a few minutes until the desired consistency is reached. If the frosting seems too thick, add in additional cream (1 Tbsp at a time). If the frosting seems too thin, add in more powdered sugar (quarter of a cup at a time).
  6. Wait to color the buttercream until the cake has been filled and crumb coated. Cover the buttercream flush with plastic wrap to prevent crusting, then set aside.

Assembling This Pink Ombre Cake:

  1. Stack and frost the cake layers on a greaseproof cake board or flat plate using a dab of frosting to help stick the first cake layer to the board. Start with the deepest color on the bottom and work your way up to the lightest color.
  2. Spread an even layer of buttercream between each cake layer with a large offset spatula. Place the top cake layer upside down to make it easier to frost and create sharp corners.
  3. Add a thin coat of frosting around the cake to fully cover the cake layers. Smooth using a bench scraper, then chill the cake in the fridge (30 minutes) or freezer (10 minutes) until the frosting is firm to the touch.
  4. While the cake chills, make the ombre buttercream. Add a small squirt of the same gel food coloring that was used to make the cake layers into the bowl and stir just until evenly colored. Cover the top of the cake and 1/4 of the side of the cake with the lightly colored buttercream.
  5. Add another small squirt of gel food coloring, then spread a ring of buttercream underneath the lightest color of buttercream with a small offset spatula. Gently blend the different shades of frosting together where they meet. Repeat 2 more times, until there are 4 deepening shades of frosting covering the cake.
  6. Use a bench scraper to smooth the frosting, then decorate as desired! I used the leftover frosting to pipe some swirls on top of the cake and added on a partial drip and some mini macarons.
  7. If you're making this cake in advance, it can sit at room temperature for up to a day or be stored in the fridge for up to a week.

Notes

If you need to make any substitutions or swaps in this recipe, please see the section in the post above on ingredient substitutions.

Recipe Variations

One batch of cake batter makes about 1800 grams or 10 cups. If you plan to use four circular cake pans, add 450 grams (about 2.5 cups) of batter into each pan. If you make 3 layers, add 600 grams (about 3.25 cups) to each pan.

This recipe can also be used to make a sheet cake! One batch will make 2, 9 x 13-inch cake layers that are about 1-inch tall.

Bake for 35-40 mins at 350 F / 175 C. I recommend using heating cores if you have them to help large cake layers like this bake more evenly and quickly.

You can also make one 9 x 13-inch cake layer that's about 2 inches tall, but bake time will be 45-55 minutes at 350 F/ 175 C.

Tips for Making the Best Ombre Cake

  • Ingredients at room tempmix together better! Set out any cold ingredients ahead of time.
  • Properly measure your flour (spoon into the cup measure, then level). Orbetter yet, use akitchen scaleto measure your dry ingredients.
  • Use a scale to weigh your cake pans as you fill them. It will make the cake layers bake up to be the same height and bake more evenly.
  • Add in small drops of gel food coloring as you color the cake layers and buttercream. You can always add more, but you can't really take it back once it's added in.
  • Level the room temperature or thawed cake layers with a serrated knife to make them easier to stack.
  • Make sure thebuttercream is theright consistency. This will help give the cake proper structure and make it easier to decorate.
  • Chill the cake layers in the freezer for about 20 minutes before assemblingthe cake. It makes them so much easier to stack and frost!
  • If your cake layers turn out less than perfect, read mycake troubleshooting guideto see where things might've gone awry.

Making This Ombre Layer Cake in Advance & Storage Tips

Make your cake layers in advance and freeze them. It breaks the process up and makes it more approachable.

This vanilla frosting can also be made ahead of time too or you can save any leftover frosting! It can be stored in an airtight container in the fridge for up to a month, or in the freezer for up to 3 months.

Be sure to give it a good stir once it thaws to get the consistency nice and smooth again.

A frosted cake can last in the fridge for up to a week, or in the freezer for up to a month. The buttercream locks in all the moisture, keeping the cake fresh and delicious!

If you cut into the cake and have leftovers, use any remaining frosting to cover the cut section to keep it moist and store it in the fridge for up to a week.

Nutrition Information

Yield

24

Serving Size

1

Amount Per ServingCalories 547Total Fat 28gSaturated Fat 17gTrans Fat 0gUnsaturated Fat 10gCholesterol 74mgSodium 239mgCarbohydrates 70gFiber 0gSugar 57gProtein 4g

Ombre Cake: Delicious Recipe w/ Step-by-Step Tutorial (2024)
Top Articles
Latest Posts
Article information

Author: Merrill Bechtelar CPA

Last Updated:

Views: 5905

Rating: 5 / 5 (50 voted)

Reviews: 81% of readers found this page helpful

Author information

Name: Merrill Bechtelar CPA

Birthday: 1996-05-19

Address: Apt. 114 873 White Lodge, Libbyfurt, CA 93006

Phone: +5983010455207

Job: Legacy Representative

Hobby: Blacksmithing, Urban exploration, Sudoku, Slacklining, Creative writing, Community, Letterboxing

Introduction: My name is Merrill Bechtelar CPA, I am a clean, agreeable, glorious, magnificent, witty, enchanting, comfortable person who loves writing and wants to share my knowledge and understanding with you.