Subscribe to our newsletter


Three Layer Chocolate Ombré Butter Cake

Learn how to make a beautiful Three Layered Chocolate Ombré Cake.

Three Layer Chocolate Cake
Three Layer Chocolate Cake
We all look for a differently styled sponge cake that could make our snack menu diverse and even more delicious. Every home-cook personally enjoy a cake recipe that is quick and easy to make, and this ombre cake recipe is exactly the one! It sure looks fancy due to the three different layers in the cake but let me tell you how simple it is to make this nice, soft and spongy cake in your kitchen without using expensive ingredients and tools.
Prep Time 25 minutes
Cook Time 1 hour 20 minutes
Total Time 1 hour 45 minutes


  • 1 cup All-Purpose Flour (plain flour)
  • 1 ½ tsp Baking Powder
  • 1/2 cup Sugar
  • 100 g Butter
  • 3 Eggs (medium)
  • 1 tsp Vanilla Essence
  • 100 g Milk Chocolate (semi-sweet and chopped)
  • 100 g Dark Chocolate (semi-sweet and chopped)
Nutrition Facts
Three Layer Chocolate Ombré Butter Cake
Amount Per Serving
Calories 716 Calories from Fat 387
% Daily Value*
Fat 43g66%
Saturated Fat 25g156%
Trans Fat 1g
Polyunsaturated Fat 2g
Monounsaturated Fat 12g
Cholesterol 177mg59%
Sodium 377mg16%
Potassium 339mg10%
Carbohydrates 76g25%
Fiber 5g21%
Sugar 44g49%
Protein 11g22%
Vitamin A 813IU16%
Calcium 142mg14%
Iron 6mg33%
* Percent Daily Values are based on a 2000 calorie diet.


  • Glass Mixing Bowls
  • Hand whisk
  • Baking pan
  • Parchment Paper
  • Spatula
  • Piping bag without a nozzle

Subscribe to Our Newsletter



Make the Buttercream

  • Beat 3 medium eggs with a whisk in a mixing bowl for 3 seconds.
    3 Eggs
  • Stir in sugar and beat again until eggs turn pale in color.
    1/2 cup Sugar
  • Add butter, then beat again until well mixed.
    100 g Butter
  • Stir in vanilla extracts, flour, baking powder and mix until smooth.
    1 ½ tsp Baking Powder, 1 tsp Vanilla Essence, 1 cup All-Purpose Flour

Make the Milk chocolate batter

  • Add milk chocolate to a glass bowl and heat in the microwave for 30 seconds.
    100 g Milk Chocolate
  • Mix the melted chocolate well, then add 300g of the batter and mix well until evenly mixed.
  • Add chopped dark chocolate to a glass bowl and heat in the microwave for 30 seconds.
    100 g Dark Chocolate

Make the Dark chocolate batter

  • Mix the dark melted chocolate well, then add 300g of the batter and mix well until evenly mixed.
  • Grease a deep loaf pan with cooking oil and layer it with parchment paper.

Assemble the cake

  • Spread the dark chocolate batter at the bottom of the pan evenly.
  • Add the light brown batter to a piping bag and pipe into the pan.
  • Use a spatula to spread this batter evenly.
  • Repeat the same with the remaining butter mixed batter and spread it evenly.

Bake The Cake and Serve

  • At 350 degrees F, preheat your oven.
  • Bake the layered ombre cake for 80 minutes in the preheated oven.
  • Allow this cake to cool completely
  • Slice it.
  • Serve.



  • Keep the cake in a sealable container to keep it from dryness
  • You can add chocolate chips or raisins to the layered cake for a change of taste
  •  Serve this cake with hot tea or a cup of coffee.
Tried this recipe?Let us know how it was! Mention and Tag #kidstiffinbox on Instagram
Subscribe to our Youtube ChannelClick here to Subscribe our YouTube Channel to get more kids special recipes