Chocolate Orange Cake

Chocolate Orange Cake

*This post contains affiliate links — as an Amazon Associate I earn from qualifying purchases. Please see my disclosure for details*.

Last Updated on July 12, 2021 by Chenée Lewis

It’s no secret that I love the combination of chocolate and orange! Whether it’s in my chocolate orange shortbread cookies, my no-bake cannoli pie, my orange chocolate chip mini muffins, or just a Terry’s Chocolate Orange, I’m always looking for an excuse to combine these flavors! So it was just a matter of time until I made this chocolate orange cake recipe! And I’m so glad I did! This chocolate cake with orange is everything I love in a chocolate cake — a moist, tender crumb with fudgy chocolate flavor and a light, fluffy chocolate frosting, PLUS tons of amazing orange flavor to balance out the chocolate flavor so well!

Can I add orange zest to a chocolate cake?

Yes! We’re making this chocolate orange cake with orange zest AND orange juice to give it a bright, juicy orange flavor in addition to a deep chocolate flavor. And on top of that, we’re making a fluffy chocolate buttercream frosting with even more zest and juice. The frosting pairs so perfectly with this cake! I made this cake for my mom’s birthday this year and it was a BIG hit with everyone! Best of all, it’s as simple to make as any other chocolate cake! Just add some orange zest and juice! If you’re a fan of (or just curious about) the combination of chocolate and orange, you’ve GOT to try this cake!

chocolate cake with orange


  • orange zest and juice – this is where our bold orange flavor comes in! I like to use a microplane zester to get the zest (the top layer of the rind) before juicing the oranges.
  • granulated sugar – pressing the sugar and zest together in our first step brings out even more of that orange flavor in this chocolate orange cake!
  • all-purpose flour – be sure you are measuring your flour correctly, or do what I do and use a kitchen scale.
  • unsweetened cocoa powder – this is what gives the cake that rich chocolatey flavor. Cocoa powder is another ingredient that, like flour, is best measured by weight using a kitchen scale.
  • espresso powder – a touch of espresso powder adds a depth to the chocolate flavor that makes this chocolate orange cake even more delicious!
  • baking powder and baking soda – these leaveners give our chocolate orange cake a nice light texture.
  • salt – brings out all these amazing flavors!
  • vegetable oil – I typically use canola oil, but you can use any light-flavored oil for this chocolate orange cake.
  • eggs – your eggs should be room temperature to make sure your cake mixes up nice and light.
  • buttermilk – your buttermilk should also be room temperature to ensure the right texture for your cake. I like to use full-fat buttermilk, but if that’s not available, low-fat buttermilk works too. See below for a tip for a buttermilk substitute if you don’t have buttermilk!
  • pure vanilla extract – I recommend using a high-quality pure vanilla extract. Or better yet, check out my post on how to make vanilla extract at home with just 2 ingredients!

Then, for the lovely chocolate orange frosting for this cake, you’ll need:

  • salted butter – your butter should be room temperature. See below for a tip to get it to room temperature quickly! Also, if you prefer to use unsalted, just add in a few pinches of salt to your frosting to taste.
  • powdered sugar – measure your powdered sugar by weight using a kitchen scale for the best accuracy, or use the spoon-and-level method.
  • unsweetened cocoa powder – this will add even more delicious chocolate flavor to the frosting for this chocolate orange cake!
  • pure vanilla extract – I like the way a bit of vanilla rounds out the flavors in this frosting.
  • orange zest and juice – more of that delicious orange flavor!


You won’t need a mixer for the cake batter, but I do recommend using a stand mixer or hand mixer to whip up the frosting. Other than that, you’ll need two 8-inch cake pans, parchment paper, and your zester, and you’re ready to make this chocolate orange cake recipe!

Tips and F.A.Q.

What if I don’t have buttermilk?

If you don’t have buttermilk, feel free to use whole milk, replacing a tablespoon of the milk with vinegar. This will create the acidic effect of buttermilk to help your cake come out even more moist and tender.

How do I get my ingredients to room temperature quickly?

For eggs, just submerge them in a bowl of lukewarm water for about 15 minutes. 
For buttermilk, just place it in a microwave-safe mug and heat for 5 seconds at a time, stirring in between. Keep going until your buttermilk is room temperature.
And for butter, heat your three sticks of butter, wrapped, on a microwave-safe plate for 25 seconds, rotating each every 4 seconds.chocolate orange cake

How many calories are in a chocolate orange cake?

The exact calorie count for this chocolate orange cake recipe will depend on the amount of frosting you use — the frosting recipe I’ve included will yield extra frosting (for decorations if needed). But my estimation is that one slice is about 651 calories. You can see the recipe card below for the full nutrition information, and view my nutrition disclaimer for more details on how I calculate nutrition facts.

Can I use orange extract instead of orange juice and zest?

You can, yes! I like to make this cake with orange zest for a bright, fresh orange flavor, but in a pinch orange extract is a great option! Just replace the orange zest in this recipe with 1½ tbsp of orange extract, and make the rest of your chocolate orange cake as usual!

More Cakes You’ll Love

chocolate orange cake

Chocolate Orange Cake Recipe – Moist Chocolate Cake with Orange Zest and Juice

Print Pin Recipe Rate Recipe
A chocolate orange cake recipe with fresh orange juice and zest! The best of all chocolate orange cakes — so moist and rich, and easy to make!
Prep Time: 15 minutes
Cook Time: 30 minutes
Total Time: 45 minutes
Course: Dessert
Cuisine :American, British
Servings: 12 slices
Calories: 651kcal
Recipe Source: Chenée Lewis


Chocolate Orange Buttercream Frosting

  • cup (341 g) salted butter - room temperature (3 sticks)
  • cups (604 g) powdered sugar
  • ¾ cup (75 g) unsweetened cocoa powder
  • 1 tsp (5 ml) pure vanilla extract
  • 2 tbsp (12 g) orange zest
  • 3 tbsp (51 g) freshly squeezed orange juice - plus extra as needed


  • Preheat oven to 350°F. Line two 8-inch round cake pans with parchment paper and spray with baking spray.
  • In a large bowl, whisk together sugar, zest, flour, baking powder, baking soda, salt, cocoa powder and salt. Press with a rubber spatula for 1 minute to release lemon oils.
  • Stir in vegetable oil until dry ingredients are well coated, followed by eggs and vanilla.
  • Stir in buttermilk until well combined. Batter should be thick.
  • Heat orange juice in microwave for 45 seconds on high, or until hot. Immediately stir into batter and whisk until just smooth.
  • Add batter evenly to prepared cake pans and bake in preheated oven for 35 minutes, or until a toothpick entered into the center of the cakes comes out smooth.
  • Cool cake layers slightly in cake pans, then transfer to a wire rack to cool completely before adding frosting.

Chocolate Orange Buttercream Frosting

  • Cream together butter, zest, and cocoa powder in a large bowl using an electric mixer. Add vanilla and mix to combine.
  • Gradually mix in powdered sugar and mix until thick and fluffy. Add orange juice and mix well. Spread over cooled cake.



Salted butter: Feel free to use unsalted butter in the frosting — just add a few pinches of salt to taste.


Serving: 1 slice | Calories: 651 kcal | Carbohydrates: 96 g | Protein: 6 g | Fat: 31 g | Saturated Fat: 21 g | Polyunsaturated Fat: 1 g | Monounsaturated Fat: 6 g | Trans Fat: 1 g | Cholesterol: 74 mg | Sodium: 416 mg | Potassium: 290 mg | Fiber: 4 g | Sugar: 72 g | Vitamin A: 613 IU | Vitamin C: 17 mg | Calcium: 87 mg | Iron: 3 mg
Nutrition Disclaimer
Tags: cake recipes with oranges, choc orange cake, chocolate and orange cake, chocolate cake orange, chocolate cake with orange, chocolate orange cake, chocolate orange cake recipe, chocolate orange cake recipes, chocolate orange cakes, chocolate orange cakes recipes, dark chocolate orange cake, orange and chocolate, orange and chocolate cake, orange cake chocolate, orange chocolate cake, orange chocolate cake recipe, orange chocolate cakes, recipe chocolate orange cake, recipe for chocolate orange cake, recipe for orange chocolate cake
Did you try this recipe? Rate it below!I can’t wait to see (and share) your results! Follow me on Instagram at @chenee_today and tag #cheneetoday!

Thanks for checking out this recipe! If you want more like it, click the banner above to order my brand-new summer cookbook, Sweet Summertime! It’s got 22 exclusive summer-friendly recipes and it’s full of baking tips and guides for perfect results!

And sign up below for all my blog recipes and updates right in your inbox, and to get your FREE PRINTABLE Kitchen and Baking Cheat Sheet!

Related Posts

Mini Chocolate Cake

Mini Chocolate Cake

This cake is like my mini vanilla cake, but with 100% more CHOCOLATE! Perfect for a small birthday celebration, or just for celebrating the end of the work week!

Christmas Cookie Cake

Christmas Cookie Cake

*This post contains affiliate links — as an Amazon Associate I earn from qualifying purchases. Please see my disclosure for details*. Last Updated on January 27, 2021 by Chenée Lewis We’ve made it to Day 11 of my 12 Days of Christmas Cookies series! And […]

Leave a Reply

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

Recipe Rating

This site uses Akismet to reduce spam. Learn how your comment data is processed.