This post may contain affiliate sales links. Please read my disclosure policy.
This Orange Chocolate Cake is made with three layers of super moist chocolate cake and a fudgy chocolate buttercream that are all flavored with orange! The orange flavor pops just enough without being overwhelming and gives this chocolate cake a really fresh and yummy flavor!
Orange Chocolate Cake
Orange and chocolate are kind of a classic combination and yet not one that I have often. I tend to think of the chocolate covered orange candies and those just don’t really appeal to me much. However, this cake is a different story.
This Orange Chocolate Cake is super moist and chocolatey and the fresh pop of orange really compliments it. The majority of the flavor comes from the fresh orange juice and orange zest, which gives is a great natural orange flavor. Some orange extract is added as well, to help amplify the orange flavor even more. But if you don’t have orange extract, you could just leave it out. It does amp up the flavor, but there’s great flavor even without it.
The cake is frosted with a classic chocolate buttercream that is flavored with orange as well. Having orange in both the cake and frosting ensures there’s plenty of orange flavor, but it isn’t over the top. So good!
Recipe Ingredients
This cake is based on my Best Moist Chocolate Cake, so it uses a tried-and-true combination of ingredients with the addition of the orange elements. Here’s what you’ll need:
For the Orange Chocolate Cake Layers
- All-Purpose Flour: For structure.
- Sugar: To keep the cake moist and delicious.
- Cocoa Powder: Use natural, unsweetened cocoa powder for the best flavor.
- Baking Soda: You’ll need 2 teaspoons.
- Salt: Enhances the flavors in the cake.
- Eggs: Large eggs.
- Milk: I use 2%, but whole milk would be fine too.
- Vegetable Oil: For the most moist cake.
- Vanilla Extract: I always love using a little vanilla. It just softens the harshness of other flavors.
- Orange Extract: For orange flavor. But if you don’t have any or can’t find it, there’d still be plenty of orange flavor with just the orange zest and juice. This really just helps amplify the natural orange flavor of the zest and juice.
- Orange Zest: For flavor.
- Orange Juice: Also for flavor. I would recommend using fresh squeezed orange juice.
For the Orange Chocolate Buttercream Frosting
- Butter: Unsalted.
- Powdered Sugar: Gives the frosting its volume and consistency. Read more in this post about getting the right consistency with your frosting.
- Cocoa Powder: Natural, unsweetened here too.
- Vanilla Extract: I always love using a little vanilla. It just softens the harshness of other flavors.
- Orange Extract: For orange flavor.
- Orange Zest: For more orange flavor.
- Orange Juice: Also for flavor. I would recommend using fresh squeezed orange juice.
How to Make Orange Chocolate Cake
The chocolate cake couldn’t be easier to put together and the buttercream is classic. Here’s what to do:
Make the Chocolate Cakes
- Prep for Baking: Prepare three 8-inch cake pans with parchment paper circles in the bottom, and grease the sides. Preheat the oven to 300°F. It’s a low temperature, but this is a slow-bake cake.
- Combine Dry Ingredients: Add the flour, sugar, cocoa powder, baking soda and salt to a large bowl and whisk together.
- Add Wet Ingredients: Add the eggs, milk, vegetable oil, vanilla extract, orange extract and orange zest to the dry ingredients and mix until well combined.
- Add Orange Juice: Add one cup of fresh orange juice and mix until well combined.
- Bake: Divide the batter evenly between 3 cake pans and bake for 30-35 minutes, or until a toothpick comes out with a few crumbs.
- Let Cool: Remove the cakes from the oven and allow them to cool for about 5 minutes, then transfer them to wire racks to cool completely.
Make the Frosting
- Beat Butter: Once the cakes have cooled, add the butter to a large mixer bowl and beat until smooth.
- Add Half of Powdered Sugar & Cocoa powder: Add about half of the powdered sugar and the cocoa powder and beat until well combined and smooth.
- Add flavorings: Add the vanilla extract, orange extract, orange zest and 5 tablespoons of orange juice and beat until well combined and smooth.
- Add Remaining Sugar & Juice: Add the remaining powdered sugar and beat until well combined and smooth. Add additional orange juice until it reaches the right flavor and consistency. Add salt to taste.
Build Your Cake
- Level the Cakes: Once the cakes are cool, remove the cake domes from top with a large serrated knife. See my tips on how to level a cake and how to stack a cake.
- Assemble the First Layer: Place the first layer of cake on a cake plate. Spread about 1 cup of frosting on top and spread in an even layer.
- Finish Layering: Add the second layer of cake and add another cup of frosting on top and spread in an even layer.
- Frost: Frost the outside of the entire cake to finish things up. Feel free to use my tutorial for frosting a smooth cake.
- Decorate: I decorated my cake with some piping around the top of the cake and some orange slices, but feel free to add your own spin on it.
How to Store this Cake
This cake should be stored in an airtight container at room temperature for up to 24 hours. After that, refrigerate it, but serve it at room temperature. It should be eaten within 4-5 days.
Can I Freeze Extras?
Sure you can – this cake is freezer-friendly! I’d recommend slicing it, then freezing the slices. Wrap the slices tightly in plastic wrap, then again in aluminum foil. You can freeze this cake for up to a month. Be sure to thaw it in the fridge overnight before enjoying.
More Great Chocolate Cakes
Raspberry Chocolate Layer Cake
Chocolate Covered Strawberry Cake
Black Forrest Cake
Red Wine Chocolate Cake
Orange Chocolate Cake
- Prep Time: 1 hour 15 minutes
- Cook Time: 30 minutes
- Total Time: 1 hour 45 minutes
- Yield: 12-14 slices
- Category: Dessert
- Method: Oven
- Cuisine: American
Description
This Orange Chocolate Cake is made with three layers of super moist chocolate cake and a fudgy chocolate buttercream that are all flavored with orange! The orange flavor pops just enough without being overwhelming and gives this chocolate cake a really fresh and yummy flavor!
Ingredients
Orange Chocolate Cake
- 2 cups (260g) all purpose flour
- 2 cups (414g) sugar
- 3/4 cup (85g) natural unsweetened cocoa powder
- 2 tsp baking soda
- 1 tsp salt
- 2 large eggs
- 1 cup (240ml) milk
- 1 cup (240ml) vegetable oil
- 1 tsp vanilla extract
- 1 tsp orange extract
- 2 tbsp orange zest
- 1 cup (240ml) fresh orange juice
Orange Chocolate Buttercream Frosting
- 2 1/2 cups (560g) unsalted butter, room temperature
- 9 cups (1035g) powdered sugar
- 1 cup (114g) natural unsweetened cocoa powder
- 1 tsp vanilla extract
- 2 tsp orange extract
- 1 tbsp orange zest
- 5–8 tbsp fresh orange juice
- Salt, to taste
- Orange slices
Instructions
- Prepare three 8 inch cake pans with parchment paper circles in the bottom, and grease the sides. Preheat oven to 300°F (148°C).
- Add the flour, sugar, cocoa powder, baking soda and salt to a large bowl and whisk together.
- Add the eggs, milk, vegetable oil, vanilla extract, orange extract and orange zest to the dry ingredients and mix until well combined.
- Add the orange juice and mix until well combined.
- Divide batter evenly between cakes pans and bake for 30-35 minutes, or until a toothpick comes out with a few crumbs.
- Remove cakes from oven and allow to cool for about 5 minutes, then remove to cooling racks to cool completely.
- When the cakes have cooled, make the buttercream frosting. Add the butter to a large mixer bowl and beat until smooth.
- Add about half of the powdered sugar and the cocoa powder and beat until well combined and smooth.
- Add the vanilla extract, orange extract, orange zest and 5 tablespoons of orange juice and beat until well combined and smooth.
- Add the remaining powdered sugar and beat until well combined and smooth.
- Add additional orange juice until it reaches the right flavor and consistency. Add salt to taste.
- To build the cake, use a large serrated knife to remove the domes from the top of the cakes so that they’re flat.
- Place first layer of cake on cake plate. Spread about 1 cup of frosting on top in an even layer.
- Add second layer of cake and add another cup of frosting on top in an even layer.
- Add final layer of cake on top and frost the outside of the cake. Feel free to use my tutorial for frosting a smooth cake.
- Use the remainder of the frosting to pipe a border around the top edge of the cake, then decorate with orange slices.
- Store cake in an airtight container. It’s best if eaten within 4-5 days.
Nutrition
- Serving Size: 1 slice
- Calories: 957
- Sugar: 107.3 g
- Sodium: 372.7 mg
- Fat: 50.8 g
- Carbohydrates: 129.3 g
- Protein: 6 g
- Cholesterol: 114.1 mg
Delicious!!! I made this for (Canadian) Thanksgiving following the recipe exactly and it was amazing!!! Comments included “The blend of orange and chocolate are perfect!” and “How did you get the orange flavour into the chocolate?” My sister and niece both asked for the recipe. I especially appreciate the tips on how to make the frosting the perfect consistency, and how to level the layers. Everyone agreed I should give this recipe five stars 🙂
Awesome! So glad to hear it was a hit!
Hi Lindsay! Do you think I can use two 9-inch pan instead? Thanks in advance for replying. Keep safe!
Yes, that should be fine.
Nice recipe…
Is it okay if I double the ingredients for a bigger cake?
Or should I adjust some.
You should be able to double it.
wow! this is my favorite combination. i’m planning to make this into cupcakes for my birthday as i am also planning to make the bailey’s cheesecake i found in your website. just want to ask if i can put grand marnier instead of orange juice?
That should be fine.
This cake is absolutely perfect! It’s so moist and full of flavor! My husband who isn’t a cake person loved it as well. My whole family loved it as well!
Could i use 4 6inch pans instead of 3 8inch? Would i need to adjust cooking time etc.?
You could. It’d be quite tall. You could also cut it in half for something a little less tall and use two or three pans.
I tried this cake for our anniversary with a bit of condensed milk as egg substitute. It turned out delicious, and the orange flavour coming through in the cake and cream was lovely! Thank you so much for this recipe!
Awesome! So glad you enjoyed it!
This cake is absolutely perfect! It’s so moist and full of flavor! My husband who isn’t a cake person loved it as well.
Just wondering if there is a substitute that you can suggest for eggs in the cake recipe?
I haven’t ever worked with egg substitutes, so I’m not sure. I’m sorry.
I would like to make this as one cake as I don’t use sandwich tins, would I need to maybe half the ingredient amounts?
Yes, you can cut the recipe in half and use one cake pan. You could even make that in a 9 inch pan.
I want to bake a 10inch cake do I need to adjust recipe? If so bu how much
I haven’t made a 10 inch, so I’m not sure. I would guess you might need to double it or so.
Can i use buttermilk instead of milk? And also can I use half coffee and half orange juice? Thank you
Yes, you can use buttermilk. As for coffee instead of some of the orange juice, you can but you won’t have a strong of an orange flavor.
One of the best cakes ever!!! Incredibly moist and delicious. Love the orange in the chocolate. Five star easily!!
So glad you enjoyed it!
I would like to bake the cake and freeze for a later date. Would the normal 3 months in the freezer be the maximum.
Yes, that’d be my suggestion.
I’m excited to find this recipe! My very favorite flavor combination.. orange and chocolate… yum!!! Would any changes need to be made to the recipe if I bake it in a 9 x 13? That would make it easier to transport to a pot luck or refrigerate leftovers.
You shouldn’t need to change anything, just increase the baking time to 40-45 minutes.
Hi there, apols if my comment is awaiting moderation, I can’t see it now!, I love yr recipes and hv made them with great success, but I wanted to make sure all purpose flour is what we in uk call plain, and also that we just put in baking soda, and no baking powder ? We call baking soda bicarbonate of soda …or shld we put in baking powder as well?. Thank you soooo much,
I do think it’s the plain flour. And yes, just baking soda (or bicarbonate of soda).
Thank yiu very much. Such a lovely pretty recipe and mmmm orange! Will now go ahead.
I have not had a chance to try this recipe–but I will. The combination of chocolate and orange is one of my favorite things.
Every winter I purchase very good quality navel oranges. I peal the oranges and slice off as much of the white bitter pulp as I can, leaving the flavorful zest strips. I then slice the pealed orange almost paper thin and put the zest strips and the orange slices in my dehydrator and dry them until crisp. I then grind this combination together and store it in a jar to be used to flavor a chocolate ganache that I use for a filling between layers of cake all during the year. The orange ganache might be a nice compliment to this lovely cake recipe.
Sounds awesome! I bet that would be delicious!
Could this recipe be made into cupcakes?
Definitely. You can find the chocolate part of the cake as cupcakes in this chocolate cupcake recipe. And you’d probably want to reduce the frosting a bit.
Can I convert this fabulous cake into cupcakes? We are empty-nesters and I like to freeze the unfrosted cupcakes so we don’t overdo our goodies! If so, what temperature and length of time in the oven? 😊
Definitely. You can find the chocolate part of the cake as cupcakes in this chocolate cupcake recipe. And you’d probably want to reduce the frosting a bit.