• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Home
  • Recipes
    • Biscuits & Cookies
    • Bread & Scones
      • Scones
      • Savoury bread
      • Sweet bread
    • Cake
      • Loaf Cakes
      • Swiss Roll
    • Cheesecake
    • Christmas
    • Cupcakes
      • Muffins
    • Desserts
      • Donuts
      • Fudge
      • Meringue
      • Pancakes
      • Truffles
    • Easter
    • Halloween
    • Sweet Tarts & Pies
    • Savoury
    • Traybakes
      • Blondies
      • Brownies
      • Millionaire's Shortbread
      • Rocky Road
    • Valentine's Day
    • Vegan
  • Leftovers
    • Black Treacle
    • Christmas Leftovers
    • Egg Yolks
    • Jam
    • Marzipan
    • Ripe Bananas
    • Semolina
    • Stem Ginger
    • Wholemeal Flour
    • Zested Citrus Fruit
  • Conversions
  • About Me
  • Work With Me
  • Privacy Policy
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
The Baking Explorer
menu icon
go to homepage
search icon
Homepage link
  • Home
  • Recipes
  • Conversions
  • Leftover Ingredients
  • About Me
  • Work With Me
  • Privacy Policy
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
  • ×

    Chocolate Orange Traybake Cake

    18/02/2022 by thebakingexplorer 8 Comments

    Jump to Recipe Print Recipe
    Chocolate Orange Traybake Cake

    This Chocolate Orange Traybake Cake (also known as a sheet cake) is a super easy recipe and great for feeding a crowd of chocolate orange lovers! The chocolate orange sponge is soft and has a nice thickness to it. I don't like it when traybake cakes are really thin, so you won't be short of lovely moist cake in this traybake! On top is a smooth chocolate orange buttercream, some vibrant orange zest and Terry's chocolate orange segments (they're an absolute must!) This traybake is a great crowd pleaser for family gatherings, parties and bake sales.

    Chocolate Orange Traybake Cake

    Ingredient Tips & Equipment Information

    • Make sure all your ingredients (particularly the butter and eggs) are at room temperature before you start baking.
    • I used a baking spread for the cake and unsalted butter for the buttercream.
    • For the best flavour, make sure to use a good quality orange extract and not an essence. If you can't get hold of orange extract, you can use the zest of two oranges in the sponge. You can't replace it with anything in the buttercream unfortunately, orange juice is not strong enough to get orange flavour in the buttercream, you would have to use a lot and it could make the buttercream sloppy. What I would suggest instead is mixing 100g melted chocolate orange into the buttercream, then adding 1 - 2 tbsp milk to loosen it if it's too thick.
    • You will need a 12" x 9" traybake tin for this recipe. However, if you want to make it in a 9" square tin, check the recipe notes for the measurement details.
    • Although I provide cup measurements, I highly recommend weighing your ingredients out using digital kitchen scales*. It is the most accurate way to measure ingredients and will ensure the best results. Digital scales are very low cost and can be purchased for around £12 ($16.50) .
    • For teaspoon (tsp) and tablespoon (tbsp) measurements, please use measuring spoons* and not the type of spoons you eat with. Again this will ensure accuracy and provide the best results.

    For the full recipe with measurements, head to the recipe card at the end of this post.

    How to make Chocolate Orange Traybake Cake

    To make the cake, mix together the butter and sugar. Then whisk in eggs, orange extract and milk. Add self raising flour, cocoa powder and baking powder, and gently whisk in.

    Spread the mixture out into the tin and bake the cake for 25-30 minutes or until a thin skewer inserted in the centre comes out clean.

    Make the buttercream by mixing butter, icing sugar, cocoa powder, orange extract and milk together until smooth. Spread it over the cooled cake and decorate with orange zest and chocolate orange pieces.

    Chocolate Orange Traybake Cake

    How long does the cake last for and can you freeze it?

    The cake will last for 3-4 days in an airtight container in a cool place. You can freeze both the cake and the buttercream. To freeze them separately, wrap the cake well in cling film or put it in an airtight container. The buttercream can be frozen in a sealed tub. To freeze the cake decorated (I don't recommend freezing the orange zest decoration), freeze on a plate until frozen solid, then carefully wrap in cling film. Remove the clingfilm when you take the cake out of the freezer to defrost, as if it defrosts with it still on it could damage the appearance of the buttercream.

    Can you make this cake with plain/all purpose flour?

    Self raising flour, which is very commonly used in the UK where I am based, already contains a raising agent and a little salt too. Therefore if you want to swap it for plain or all purpose flour, you will need to add some additional baking powder and also a little salt if you like. Some people like to add salt to cake recipes and some don't, so I'll leave that up to you as it won't affect the bake. The general advice is to add 2 teaspoons baking powder (a measuring teaspoon, not the kind you stir your coffee with) per every 200g plain or all purpose flour. So for this recipe you'd need to add 2 teaspoons baking powder. Please note, I have not tested this recipe using plain or all purpose flour.

    What size tin do you need for this cake?

    This recipe is best made in a 12" x 9" (36.5cm x 26cm) traybake tin with deep sides (4cm or 1.5"). However, if you'd prefer to make it in a smaller 9" square tin, check the recipe card notes section for details on how to change the measurements and baking time.

    How many people does this cake serve?

    It completely depends how you slice it up, which is great because it makes this such a versatile cake for parties and gatherings. I love a big chunk of cake so I cut it into 12 slices, but for a party you may prefer to cut it into smaller slices so it feeds more people. You can cut into 16 slices, or even 24 slices. If you are doing smaller slices, cut it up before you add the chocolate orange segments on top so you don't have to try and cut through them.

    Chocolate Orange Traybake Cake

    What can you use instead of orange extract?

    I get my orange extract from either the supermarket or Amazon, and I do recommend it for this recipe. If you can't find orange extract for the sponge and buttercream, you can use the zest of two oranges for the sponge. Orange juice is not strong enough to get orange flavour in the buttercream, you would have to use a lot and it could make the buttercream sloppy. What I would suggest instead is mixing 100g melted chocolate orange into the buttercream, then adding 1-2 tbsp milk to loosen it if it's too thick.

    Can this cake be made gluten or dairy free?

    Yes! For gluten free you can replace the self raising flour with a gluten free self raising flour blend. If you only have a gluten free plain flour blend, you will need to add baking powder. The general advice is to add 2 tsp baking powder per 200g flour, so for this recipe you'd need to add an additional 1 + ¾ teaspoons of baking powder. You may also like to add ¼ tsp Xanthan Gum for better texture. For a dairy free version, use a dairy free baking spread and a dairy free milk for the cake and the buttercream. Terry's Chocolate Orange is also not gluten or dairy free, so you will also need to use another type of orange flavoured chocolate.

    Can this cake be made into cupcakes or a larger cake?

    Yes, to make this recipe into cupcakes check out my Chocolate Orange Cupcakes recipe for details. Or for a larger cake you might like my Chocolate Orange Cake or my Chocolate Orange Drip Cake.

    More tips for making the Chocolate Orange Traybake Cake:

    • I spread the buttercream onto the cake, but you could pipe it on if you prefer.
    • You could also drizzle some melted chocolate orange over the cake!
    • If you don't have Terry's Chocolate Orange where you live, or you can't get hold of it, just use any other orange flavoured chocolate treat like Lindt, Matchmakers, or orange Twirl.
    Chocolate Orange Traybake Cake

    Troubleshooting

    If you have any questions about this recipe, or if something went wrong and you need help, please use the comment form below and I will get back to you. You can also get in touch with me on my Twitter, Instagram or Facebook. I'd love to hear from you!

    Recommended equipment & ingredients*

    • Traybake tin
    • Mixing bowls
    • Cooling rack
    • Kitchen scales
    • Electric hand mixer
    • Piping bags
    • Orange extract
    • Terry's Chocolate Orange

    *I earn a small amount of money if you buy the products after clicking on the links. You will not be charged anything extra for this. Thank you for supporting The Baking Explorer!

    Chocolate Orange Traybake Cake

    More chocolate orange recipes…

    • Chocolate Orange Pancakes
    • Chocolate Orange Fudge
    • Vegan Chocolate Orange Cheesecake
    • Chocolate Orange Loaf Cake
    • Chocolate Orange Baked Donuts
    • Terry's Chocolate Orange Cheesecake (No Bake)
    • Chocolate Orange Brownies
    • Chocolate Orange Custard Tart
    • Chocolate Orange Cake
    • Chocolate Orange Biscotti
    • Chocolate Orange Drip Cake
    • Chocolate Orange Ice Cream (No Churn)
    • Chocolate Orange Cupcakes
    • Chocolate Orange Rocky Road
    • Chocolate Orange Cookies
    Chocolate Orange Traybake Cake

    Chocolate Orange Traybake Cake

    Chocolate orange cake with a chocolate orange buttercream. An easy chocolate orange sheet cake that's great for parties, bake sales and feeding a crowd!
    5 from 7 votes
    Print Pin Rate
    Course: Dessert
    Cuisine: British
    Keyword: Cake
    Prep Time: 45 minutes
    Cook Time: 25 minutes
    Total Time: 1 hour 10 minutes
    Servings: 12
    Author: thebakingexplorer

    Ingredients

    For the cake

    • 225 g Butter or baking spread unsalted, softened
    • 225 g Caster sugar
    • 4 Eggs large
    • 75 ml Milk
    • 2 tsp Orange extract
    • 175 g Self raising flour
    • 50 g Cocoa powder
    • ¼ tsp Baking powder

    For the buttercream

    • 200 g Butter unsalted, softened
    • 350 g Icing sugar
    • 50 g Cocoa powder
    • 2 tsp Orange extract
    • 2-3 tbsp Milk

    For decoration

    • 12 Chocolate orange segments
    • Zest of half an orange
    Metric - US Customary

    Instructions

    • Pre-heat your oven to 160C Fan/180C/350F/Gas Mark 4, and grease and line a 12" x 9" traybake tin
    • Make the sponge by mixing the butter and caster sugar in a large bowl until fluffy, ideally using an electric mixer
    • Add the eggs, orange extract and milk, and whisk until fully incorporated
    • Gently whisk in the self raising flour, cocoa powder and baking powder, and whisk in until you can't see any flour anymore
    • Pour the mixture into the tin, smooth it out of needed to spread it out evenly
    • Bake for 25-30 minutes or until a skewer inserted in the centre comes out clean. Leave to cool fully either in the tin or on a cooling rack
    • To make the buttercream, use an electric mixer to mix together the butter, cocoa powder and icing sugar until they start to combine, then add the orange extract and milk and mix until smooth. You can add more milk if the buttercream is too stiff
    • Spread or pipe the buttercream all over the cake
    • Decorate with the orange zest and chocolate orange pieces
    • To serve, slice into squares. Store any leftovers in an airtight container in a cool place and eat within 3 days
    Made this recipe?Share on Instagram with me @TheBakingExplorer or tag #thebakingexplorer!

    Notes

    • Make sure all your ingredients (particularly the butter and eggs) are at room temperature before you start baking.
    • I used a baking spread for the cake and unsalted butter for the buttercream.
    • For the best flavour, make sure to use a good quality orange extract and not an essence. If you can't get hold of orange extract, you can use the zest of two oranges in the sponge. You can't replace it with anything in the buttercream unfortunately, orange juice is not strong enough to get orange flavour in the buttercream, you would have to use a lot and it could make the buttercream sloppy. What I would suggest instead is mixing 100g melted chocolate orange into the buttercream, then adding 1 - 2 tbsp milk to loosen it if it's too thick.
    • You will need a 12" x 9" traybake tin for this recipe. However, if you want to make it in a 9" square tin, check the recipe notes for the details.
    • Although I provide cup measurements, I highly recommend weighing your ingredients out using digital kitchen scales*. It is the most accurate way to measure ingredients and will ensure the best results. Digital scales are very low cost and can be purchased for around £12 ($16.50) .
    • For teaspoon (tsp) and tablespoon (tbsp) measurements, please use measuring spoons* and not the type of spoons you eat with. Again this will ensure accuracy and provide the best results.
     
    If you want to make this cake in a 9"square tin, here are the measurements:
    • 150g Butter
    • 150g Caster sugar
    • 3 Eggs, large
    • 50ml Milk
    • 1 ½ tsp Orange extract
    • 115g Self raising flour
    • 33g Cocoa powder
    • ¼ tsp Baking powder (scant)

    Nutrition

    Calories: 538kcal | Carbohydrates: 64g | Protein: 6g | Fat: 32g | Saturated Fat: 20g | Polyunsaturated Fat: 2g | Monounsaturated Fat: 8g | Trans Fat: 1g | Cholesterol: 132mg | Sodium: 289mg | Potassium: 183mg | Fiber: 3g | Sugar: 48g | Vitamin A: 979IU | Calcium: 45mg | Iron: 2mg

    If you like this, check out more of my Cake recipes!

    NB. This post is NOT in anyway sponsored by Terry's - I just love their product!

    « Cheesecake Stuffed Red Velvet Cookies
    Kinder Bueno Cookie Pie »

    Reader Interactions

    Comments

    1. Ashley

      March 30, 2022 at 2:09 pm

      5 stars
      So delicious!!

      Reply
    2. Kayla DiMaggio

      March 30, 2022 at 2:50 pm

      5 stars
      Yum! I love the flavors of chocolate and orange together! So delicious!

      Reply
    3. Saif

      March 30, 2022 at 3:40 pm

      5 stars
      What a delicious cake. I never thought the combination of chocolate and orange will make this cake that good.

      Reply
    4. nancy

      March 30, 2022 at 7:40 pm

      5 stars
      such a delicious cake. i love the combo of choco and orange - so classic

      Reply
    5. Anaiah

      March 30, 2022 at 8:00 pm

      5 stars
      This is the perfect blend of flavors and so easy to make for parties! Loving this chocolate orange traybake cake!

      Reply
    6. Nicola

      March 30, 2022 at 8:44 pm

      5 stars
      Cant go past a choc orange combo!

      This sounds so good!

      Reply
    7. Bianca

      March 30, 2022 at 10:24 pm

      5 stars
      My dad is a huge chocolate and orange combo fan. Had to make this for him and it turned out so good

      Reply
    8. Shilpa

      March 31, 2022 at 11:43 am

      5 stars
      This cake is so indulgent and decadent. The taste and texture is spot on!

      Reply

    Leave a review & recipe rating Cancel reply

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

    Recipe Rating




    Primary Sidebar

    Find a recipe

    Hi, I'm Kat! Welcome to The Baking Explorer! Here you will find my easy and delicious collection of recipes and how to guides, to satisfy all of your sweet cravings and baking queries. Everything you see is vegetarian, and there are vegan options too! Read More…

    FIND ME ON SOCIAL MEDIA

    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube

    Popular Recipes

    • Lotus Biscoff Cupcakes Lotus Biscoff Cupcakes
    • Maltesers Cheesecake (No Bake)
    • Victoria Sponge Cake Victoria Sponge Cake
    • Biscoff Cheesecake (No Bake)
    • Biscoff Cake
    • Nutella Bueno Cupcakes Nutella Bueno Cupcakes

    Recent Recipes

    • Mint Chocolate Aero Cake

      Mint Chocolate Aero Cake

      Jun 24, 2022
    • Rainbow Drip Cake

      Jun 17, 2022
    • Kinder Bueno Ice Cream

      Kinder Bueno Ice Cream (No Churn)

      Jun 10, 2022
    • Funfetti Cookies

      Funfetti Cookies

      Jun 3, 2022
    • Raspberry & White Chocolate Cheesecake

      Raspberry & White Chocolate Cheesecake (No..

      May 27, 2022
    • Eton Mess Pots

      Eton Mess Pots

      May 20, 2022

    Footer

    ↑ back to top

    Copyright © 2022 The Baking Explorer