This post contains affiliate links. Read the full disclosure here.

Jump to Recipe
5 from 8 reviews

These chocolate orange cupcakes are the most perfect combination of two delicious flavors. The cupcakes are soft, fluffy, full of natural orange flavor and topped with a decadent fudgy chocolate orange buttercream.

a chocolate orange cupcake on a plate with orange slices scattered around it

These are seriously the BEST chocolate orange cupcakes ever. I mean honestly, it is hard to put into words how decadent and delicious they are. Everyone who has tried these has absolutely swooned over them and said they taste like a Terry’s Chocolate Orange in cupcake form!

Just like my chocolate orange cake, this recipe can be made using regular dairy ingredients or dairy free ingredients and is perfect for so many occasions. The cupcakes are so delicious and moist, and the creamy buttercream is out of this world!

Why You’ll Love These Chocolate Orange Cupcakes

  • These cupcakes are made with oil instead of butter, which makes them extra fluffy and moist.
  • This recipe uses 1 egg and 2 egg whites. The egg whites make the cake have a perfectly light texture.
  • Both the cupcake batter and the chocolate orange buttercream get their orange flavor naturally from zest and juice, so there are no fancy ingredients required!
  • The chocolate orange buttercream is rich, fudgy, and super chocolatey, but it still packs a ton of orange flavor!
  • These orange cupcakes are perfect for Christmas or for the holiday season, but oranges are often available year round so they are also great for spring and summer time!

Ingredients Needed

  • Orange zest: this recipe calls for 3 1/2 tablespoons of orange zest, which is roughly two oranges. If you don’t have enough orange zest, you can also use a little bit of orange extract.
  • Orange juice: the juice from the oranges that were zested works great, or you can use store-bought orange juice (which often is more concentrated, so it will add a little more flavor).
  • Milk: you can use any kind of milk here; either regular dairy milk or unsweetened vegan milk.
  • Vegetable oil: you can use any neutral vegetable oil in this recipe, but I find canola oil or sunflower oil work best.
  • Flour: these cupcakes use all-purpose flour, and properly measuring your flour is absolutely crucial here, in order to get perfectly fluffy cupcake texture!
  • Cocoa powder: use unsweetened cocoa powder for this recipe.
  • Sugar: the cupcakes are made using granulated (white sugar), and I don’t recommend using brown sugar or any other sugars, as it will significantly affect the cupcake’s texture.
  • Butter: for the chocolate orange buttercream, you can use softened regular butter or dairy free butter.
  • Vegetable shortening: vegetable shortening mixed with butter helps provide a firmer buttercream, especially if you’re using vegan butter. If you don’t have vegetable shortening, you can substitute this with butter.
a chocolate orange cupcake close up with a bite taken out of it

Step By Step Instructions

Note: Full ingredient measurements and instructions can be found in the recipe card at the bottom of this page.

STEP ONE: Preheat the oven and prepare 15 cupcake tins with liners. Whisk together flour, salt, baking soda, baking powder, and cocoa powder and set aside.

STEP TWO: You can use a handheld mixer, standing mixer, or just a whisk and a bowl to make the cupcakes! In a large bowl, whisk the oil and sugar together. Add in the egg, egg whites, vanilla extract, orange zest and orange juice and mix together. Whisk in the milk.

step by step instructions showing the process of how to make chocolate orange cupcakes

STEP THREE: Pour the dry ingredients into the bowl with the wet ingredients and mix until just combined.

STEP FOUR: Pour the batter into the cupcake liners, filling them 2/3 of the way full. Bake at 350°F for 15 minutes, or until a toothpick inserted in the middle of the cupcakes comes out clean.

STEP FIVE: While the cupcakes are cooling, make the buttercream. Use a mixer to beat the butter and shortening together. Add in the zest and orange juice.

STEP SIX: Add in a pinch of salt, then add powdered sugar. Mix in the cocoa powder (this can get a little messy, so use a big bowl!). If the mixture is too thick, add milk 1/2 tablespoon at a time until desired consistency is reached. If it’s too thin, add in more powdered sugar.

STEP SEVEN: Frost the cupcakes once they’ve cooled completely, then decorate as desired.

step by step instructions showing the process of how to make chocolate orange buttercream

Decorating the Cupcakes

Feel free to get creative with decorating these! I use a piping bag and the Wilton 1M piping tip to frost the cupcakes. I put a TON of buttercream on mine, but you can add as much or as little as you’d like.

I also drizzled melted chocolate over the buttercream (because more chocolate is always a good idea in my opinion 😉 ). If you’d like to make the chocolate drizzle, here’s how to do it:

Place half a cup of chocolate chips in a microwave-safe bowl with 1 1/2 teaspoons of coconut oil (or another oil). Microwave for 15-30 seconds, stir it up, then microwave another 15 seconds or until melted. Use a small spoon to drizzle the chocolate over the frosted cupcakes.

These chocolate orange cupcakes also look really pretty just with buttercream but here are a few more suggestions for if you want to amp them up a little!

  • Sprinkle extra orange zest over the buttercream
  • Sprinkles! You could use black, orange, silver, or any other sprinkles you’d like!
  • If you are not making these dairy free, you can decorate the cupcakes with Terry’s chocolate orange slices
  • Decorate with sliced candied oranges
  • Decorate with an an orange peel twist!

How to Zest an Orange

Since this recipe doesn’t require orange extract, these cupcakes get most of their orange flavor from orange zest. You need 3 1/2 tablespoons of zest total for the cupcakes and buttercream, but the amount of zest you can get from one orange varies greatly!

Two large oranges yielded enough zest for me, but if you only have smaller oranges you may need to use more. You can use a microplane zester, a box grater, or even a vegetable peeler.

The most important rule in zesting is to avoid the white parts under the skin (they can be quite bitter!).

a chocolate orange cupcake with chocolate orange buttercream orange zest scattered around it

Expert Tips

  • I will keep saying this forever because it is THE most common mistake people make when baking: you need to measure your flour properly. I highly recommend a kitchen scale. They cost less than $15 and will make a world of difference. If you don’t have one, be sure to use the fluff, scoop, and level method. DO NOT just scoop your flour right out of the bag using a measuring cup. Please. You will end up with dry cupcakes.
  • It is also very important to measure your cocoa powder properly. Measure it using the same method above!
  • Mixing the cupcake batter until it’s “just combined” means that as soon as you stop seeing flecks of flour/cocoa powder, stop mixing. Avoiding over-mixing is one of the keys to the light and fluffy texture of these cupcakes. If you over-mix cupcake batter, cupcakes can end up having a dense, almost chewy texture.
  • Only fill the cupcake liners to 2/3 full! If you fill them to the top, the batter will spill over.

Storage Instructions

The frosted cupcakes should be stored at room temperature in an air tight container (I use a cupcake carrier) for up to 3-4 days, but are best when fresh!

The chocolate orange buttercream can be made a couple days in advance, then stored covered in an air tight container in the fridge. When you’re ready to frost the cupcakes, let the buttercream soften at room temperature and use a mixer to re-whip it. You can also add in a splash of milk to soften it further.

The unfrosted cupcakes can also be frozen for up to 2 months. Place them in a freezer safe ziploc bag, then thaw at room temperature.

Leftover buttercream can be frozen in an airtight container for around 2 months. When ready to use, just thaw it in the fridge and re-whip it.

More Recipes You’ll Love

If you make this recipe, let me know how it went in the comments below, I’d love to hear from you! You can also tag me on Instagram or Facebook so I can check it out!

a chocolate orange cupcake on a plate with orange slices scattered around it
5 from 8 reviews

Chocolate Orange Cupcakes

These chocolate orange cupcakes are soft, fluffy, and full of natural orange flavor, and topped with a decadent fudgy chocolate orange buttercream.

Ingredients
 

Chocolate Orange Cupcakes

  • 1 cup (125 g) all-purpose flour
  • cup (33 g) unsweetened cocoa powder
  • ¼ tsp salt
  • ½ tsp baking soda
  • ½ tsp baking powder
  • 1 cup (200 g) granulated sugar
  • cup canola oil
  • 1 tsp vanilla extract
  • 1 egg
  • 2 egg whites
  • ½ cup milk (regular or vegan)
  • 2 tbsp orange zest (around 2 medium oranges)
  • 2 tbsp orange juice

Chocolate Orange Buttercream

  • 3/4 cup butter (regular or vegan), softened
  • ¼ cup + 2 tbsp vegetable shortening
  • ¾ cup (72 g) unsweetened cocoa powder
  • 2½-2¾ cup (312 g) powdered sugar, SEE NOTES
  • ¾ tsp vanilla extract
  • tbsp orange zest
  • ½ tbsp orange juice
  • ½-1 tbsp milk (regular or vegan), if needed*, SEE NOTES

Chocolate Drizzle (optional)

Instructions
 

Chocolate Orange Cupcakes

  • Preheat the oven to 350°F and line a cupcake/muffin tin with 12 liners. Line a second one with 3 more and set aside.
  • In a medium bowl, whisk together flour, cocoa powder, salt, baking powder, and baking soda and set aside.
  • In a large bowl, whisk together the oil and granulated sugar. Whisk in the egg, egg whites, vanilla extract, orange zest, orange juice, then add milk.
  • Add the dry ingredients to the wet ingredients, mixing until they are just combined.
  • Pour the batter into the cupcake liners, filling ⅔ full (NOT to the top, or the batter will spill over!).
  • Bake for 12-15 minutes or until a toothpick inserted in the middle comes out clean. Leave them in the pan for 5 minutes then transfer to a cooling rack to cool completely.

Chocolate Orange Buttercream

  • In the bowl of a standing mixer or handheld mixer, beat butter and vegetable shortening together. Add in the orange zest and orange juice.
  • Add in the powdered sugar, ½ cup at a time. Start with 2½ cups, then add in the cocoa powder. If the buttercream is too thin, you can add in more powdered sugar. If it's too thick, add in ½ tbsp of milk or orange juice until desired consistency is reached.
  • Decorate the cooled cupcakes however you'd like! I added a chocolate drizzle over the buttercream, sprinkled them with orange zest, then added a slice of orange. To make the chocolate drizzle, melt ½ cup of semisweet or dark chocolate chips with 1½ tsp of coconut oil (or other oil) in the microwave for 30 seconds, stirring after 15 seconds.

Notes

PLEASE NOTE: I highly recommend using a kitchen scale to weigh your dry ingredients. Metric measurements are found above under the “Metric” tab.
POWDERED SUGAR: When making the buttercream, start with 2 1/2 cups of powdered sugar. Only once you’ve added in the cocoa powder, add in more powdered sugar if the buttercream is too thin. 
MILK: For the buttercream, you can add in 1/2 tbsp to 1 tbsp if the buttercream is too thick. The cocoa powder thickens the buttercream quite a bit, so it is naturally thicker, but you can add the milk a little at a time until you’ve reached your desired consistency.
ORANGE EXTRACT: This recipe doesn’t have any orange extract, but gets a ton of orange flavor from orange zest and orange juice. If you don’t have enough oranges for the amount of zest required, or if you want a really strong orange flavor, add 1/4 – 1/2 tsp of orange zest into the cupcakes.
VEGETABLE SHORTENING: Vegetable shortening helps the buttercream to hold its shape at room temperature. It can be replaced at 1:1 ratio with more butter.
MEASURING FLOUR: Please, please, please properly measure your flour and cocoa powder using either a kitchen scale or using the scoop and level method
Storage and Freezing Instructions: The frosted cupcakes should be covered and stored at room temperature for 3-4 days, but will be freshest the day it’s assembled. They can be frozen for up to 2 months (unfrosted) in a freezer safe ziploc bag, then thawed at room temperature.
The buttercream can be made a few days in advance and stored covered in a container in the fridge. Let it soften a bit at room temperature when you’re ready to use it and then you can give it a stir or add in a little bit of milk if it’s still too thick.
Leftover buttercream can be frozen in an airtight container for around 2 months. When ready to use, just thaw it in the fridge and re-whip it.
Calories: 320kcal
Did you make this recipe?Please let us know by leaving a star rating and review!

The calorie information provided for this recipe is an estimate. The accuracy of the calories listed is not guaranteed.