Skip to Content

Chocolate Orange Cupcakes

While chocolate and orange might sound like an odd combination, it reminds me of being a kid. My Grandma always used to buy us chocolate oranges for the holidays, and they’re the inspiration behind these chocolate orange cupcakes.

image of a chocolate orange cupcake decorated with chocolate orange buttercream frosting

I wanted these cupcakes to taste just a decadent and chocolatey as I remembered.

To do that, I used my favorite chocolate cupcake recipe as a starting point. Then I tested out the best way to incorporate that bright orange flavor into these cupcakes.

image of a chocolate orange in a box

Packing These Orange Chocolate Cupcakes with Citrus Flavor

These chocolate orange cupcakes use pretty much every part of an orange.

The cupcake batter is made with orange juice, orange zest, and the top is even decorated with orange peel spirals!

But the real secret to getting that amazing orange flavor into these cupcakes is using an orange emulsion.

While an orange extract would also work, using an orange emulsion really steps up the flavor of these cupcakes. Why, you ask? It has a secret ingredient. Citric acid!!

Now before you get creeped out by the sound of that, citric acid is made naturally by citrus fruits. It’s what gives them their tart, sour taste.

image of a chocolate orange cupcake decorated with a sprinkle of fresh orange zest

I find that both the cupcake batter and frosting have a wonderfully bright, citrusy flavor when I use an orange emulsion.

Substitutions and Swaps – Chocolate Orange Cupcakes

These orange chocolate cupcakes use quite a few ingredients and I know you might not have them all on hand.

Or if you have food allergies or restrictions, I’ve got you covered. Below are some swaps and substitutions that you can make:

  • All Purpose Flour – This recipe turns out best with AP flour, but you can use a gluten free flour blend if needed.
  • Granulated Sugar – I do not recommend reducing the amount of sugar or changing the type of sugar, as it will change the texture of these cupcakes.
  • Orange Juice – If you don’t have orange juice you can use warm water instead.
  • Eggs – If you have an egg allergy you can try using 2 flaxseed eggs or 1/2 cup of unsweetened applesauce.
  • Vegetable Oil – You can use any flavorless oil in this recipe. Canola or sunflower oil would work great!
  • Vinegar – This recipe needs a bit of vinegar because it uses baking soda as a leavening agent. The vinegar activates the baking soda and helps the cupcakes rise. You can use white or apple cider vinegar.
  • Orange Emulsion – If you can’t get a hold of orange emulsion, you can use orange extract or vanilla extract in its place. The orange flavor won’t be quite as strong, but it’ll still taste great.
image of orange zest being added to an orange chocolate cupcake

Substitutions and Swaps – Chocolate Orange Buttercream Frosting

  • Unsalted Butter – If you only have salted butter on hand, you can use it in place of the unsalted butter and omit the salt this recipe calls for. You can also use vegan butter in its place!
  • Heavy Cream – Whole milk or alternative milk (soy, almond, oat) will work fine in this frosting recipe if that’s what you have on hand.
  • Orange Emulsion – If you can’t get a hold of orange emulsion, you can use orange extract or vanilla extract in its place. The orange flavor won’t be quite as strong, but it’ll still taste great.
  • Cocoa Powder – If you’re out of cocoa powder, you can use additional powdered sugar in its place.
  • Dark Chocolate – You can use milk, dark or semi-sweet chocolate to make this chocolate frosting! Just be sure it’s a good quality chocolate, so it will melt down smoothly.
image of decadent chocolate orange buttercream being made in a kitchenaid stand mixer

Tips for Making the Best Chocolate Orange Cupcakes:

  • Properly measure your flour! Either spoon it into the cup measure, then level with a knife or use a kitchen scale.
  • Make sure your ingredients are at room temperature to help them mix together better.
  • Use an orange emulsion to really pack these cupcakes with citrus flavor!
  • Fill the center of each cupcake with orange marmalade. It makes the cupcakes even more moist.
  • Make these orange chocolate cupcakes vegan or dairy free! Use your favorite type of dairy free milk to replace the heavy cream, vegan butter sticks in place of the butter, and flax seed eggs.
  • Decorate your cupcakes with an orange peel spiral and a sprinkle of orange zest to make the decoration match the flavor.
image of chocolate cupcakes being filled with orange marmalade

Making These Cupcakes in Advance

You can make these cupcakes in advance! Frosted cupcakes can sit at room temperature for a day or be stored in the fridge for up to 5 days in an airtight container. However, they taste best when they’re freshly baked!

These cupcakes can also last up to a month in the freezer. If you plan to freeze them, I suggest waiting to fill and frost them until they’re thawed.

You can also make your buttercream ahead of time or save any leftovers. The buttercream frosting will last in the fridge for up to a month.

Be sure to give the frosting a good stir once it thaws to get the consistency nice and smooth again.

You can also store buttercream in piping bags in the fridge. I find they keep their consistency well in piping bags and don’t require any mixing after they’ve thawed.

image of a chocolate orange cupcake decorated with chocolate orange buttercream frosting

Let Me Know What You Think!

If you try making this chocolate orange cupcake recipe, I’d love to hear what you think of it! Please leave a rating and comment below.

Don’t forget to tag me @chelsweets and use #chelsweets so that I can see your amazing creations on social media.

Other Recipes You Might Like:

Yield: 12

Chocolate Orange Cupcakes

image of a chocolate orange cupcake on a little cupcake stand decorated with fresh orange zest and an orange peel spiral

These moist chocolate orange cupcakes are made with a decadent chocolate orange frosting, and are garnished with a candied orange slice.

Prep Time 10 minutes
Cook Time 19 minutes
Additional Time 45 minutes
Total Time 1 hour 14 minutes

Ingredients

Chocolate Orange Cupcakes

  • 3/4 cup all purpose flour (98g)
  • 3/4 cup granulated sugar (150g)
  • 1/3 cup baking cocoa powder (30g)
  • 1/2 tsp baking soda (3g)
  • 1/2 tsp fine salt (2g)
  • 3/4 cup orange juice (180g)
  • 2 large eggs, room temperature (112g)
  • 1/3 cup vegetable oil (75g)
  • 1 Tbsp fresh orange zest (3g)
  • 1 tsp white vinegar (4g)
  • 1 tsp orange emulsion or extract (4g)

Chocolate Orange Buttercream Frosting

  • 1/4 cup unsalted butter, room temperature (56g)
  • 1 Tbsp fresh orange zest (3g)
  • 1 tsp orange emulsion or extract (4g)
  • 1/4 tsp fine salt (1g)
  • 1/2 cup powdered sugar (62g)
  • 1/4 cup dark cocoa powder (22g)
  • 3 Tbsp cup heavy cream (45g)
  • 1/4 cup dark chocolate, melted and cooled (45g)

Optional Filling & Garnish

Instructions

Chocolate Orange Cupcakes

  1. Begin by preheating oven to 350°F / 175°C. Place 12 cupcake liners in cupcake pan.
  2. Sift 3/4 cup all purpose flour, 3/4 cup granulated sugar, 1/3 cup cocoa powder, 1/2 tsp baking soda and 1/2 tsp salt into a large bowl and set aside.
  3. In a separate, large bowl, whisk together 3/4 cup orange juice, 2 large eggs, 1/3 cup vegetable oil, 1 Tbsp fresh orange zest, 1 tsp vinegar, and 1 tsp orange emulsion or extract. Mix until combined.
  4. Pour the dry ingredients into the wet ingredients and mix together with a whisk or rubber spatula just until the batter in smooth.
  5. Fill cupcake liners 2/3 full and bake for about 18-21 minutes, or until a toothpick comes out with a few moist crumbs.
  6. Let the cupcakes cool for 10 minutes in the pan before moving them to a cooling rack to finish cooling.

Chocolate Orange Buttercream

  1. While the cupcakes cool, make the orange chocolate buttercream. Beat 1/4 cup of unsalted butter on a medium speed for 30 seconds with a hand mixer until smooth. 
  2. Mix in 1 Tbsp fresh orange zest, 1 tsp orange emulsion or extract, and 1/4 tsp salt on a low speed.
  3. Slowly mix in 1/2 cup powdered sugar, 1/4 cup dark cocoa powder, and 3 Tbsp of heavy cream on a low speed. Scrape the sides and bottom of the bowl as need with a rubber spatula.
  4. Mix in 1/4 cup of cooled, melted dark chocolate.
  5. Beat on low until the ingredients are fully incorporated and the desired consistency is reached.
  6. If the frosting seems too thick, add an extra Tbsp of heavy cream. If it's too thin, add in another 1/4 cup of powdered sugar.
  7. Stir by hand with a rubber spatula to get the frosting SUPER smooth. Place into a large piping bag fit with a Wilton 1M frosting tip.

Decorating These Orange Chocolate Cupcakes

  1. If desired, remove the center of each cupcake with a small knife and fill with 1 Tbsp of orange marmalade.
  2. Pipe a rosette on top of the marmalade with the orange chocolate buttercream using a Wilton 1M piping tip.
  3. Garnish with a sprinkle of fresh orange zest and an orange peel spiral.

Notes

Making Mini Chocolate Orange Cupcakes

If you want to make mini chocolate orange cupcakes, this recipe can be baked in mini muffin tins! It makes about 40 mini cupcakes, and they only need to bake for 10-12 minutes at 350 F / 175 C.

Tips for Making the Best Chocolate Orange Cupcakes

  • Properly measure your flour! Either spoon it into the cup measure, then level with a knife or use a kitchen scale.
  • Make sure your ingredients are at room temperature to help them mix together better.
  • Use an orange emulsion to really pack these cupcakes with citrus flavor!
  • Fill the center of each cupcake with orange marmalade. It makes the cupcakes even more moist.
  • Make these orange chocolate cupcakes vegan or dairy free! Use your favorite type of dairy free milk to replace the heavy cream, vegan butter sticks in place of the butter, and flax seed eggs.
  • Decorate your cupcakes with an orange peel spiral and a sprinkle of orange zest to make the decoration match the flavor.

Chocolate Orange Cupcake Variations

To make gluten free chocolate orange cupcakes, swap in your favorite gluten free flour blend for the AP flour this recipe calls for and be sure to over-mix your batter and let it sit for at least 30 minutes before baking for best results.

Making These Chocolate Orange Cupcakes in Advance & Storage Tips

You can make these cupcakes in advance! Frosted cupcakes can sit at room temperature for a day or be stored in the fridge for up to 5 days in an airtight container. However, they taste best when they're freshly baked!

These cupcakes can also last up to a month in the freezer. If you plan to freeze them, I suggest waiting to fill and frost them until they're thawed.

You can also make your buttercream ahead of time or save any leftovers. The buttercream frosting will last in the fridge for up to a month.

Be sure to give the frosting a good stir once it thaws to get the consistency nice and smooth again.

You can also store buttercream in piping bags in the fridge. I find they keep their consistency well in piping bags and don't require any mixing after they've thawed.

Nutrition Information

Yield

12

Serving Size

1

Amount Per Serving Calories 285Total Fat 10gSaturated Fat 3gTrans Fat 0gUnsaturated Fat 7gCholesterol 36mgSodium 226mgCarbohydrates 47gFiber 2gSugar 35gProtein 3g

Annie

Friday 7th of April 2023

Is it alright if I increase the recipe by four folds and make the entire batch at once?... Also. Can I substitute butter with oil

Chelsweets

Friday 7th of April 2023

Hi Annie,

You can substitute melted butter for the oil, but it will make the cupcakes have a slightly denser, less fluffy texture.

If you have a massive bowl you can make a 4 fold batch of batter, just be sure that all the ingredients get properly incorporated together! I usually only do a double batch at a time. Hope that helps, happy baking!

Red Wine Chocolate Cake Recipe: A Wino's Dream Cake

Monday 5th of December 2022

[…] Chocolate Macarons Chocolate Orange Cake Chocolate Cupcakes Chocolate Blackberry […]

Chooni

Monday 3rd of January 2022

Hello Chelsweets! This is the second recipe that I have tried from your website (first being lemon yoghurt blueberry muffins- also amazing) and the orange chocolate one was bomb. Thanks for covering this underrated combination and providing such a detailed recipe~ Some tweaks that I made... I was a little short on cocoa powder so I substituted half with instant coffee powder. I also reduced the sugar by a little- just 10%. Delicious :)

Julie

Saturday 8th of May 2021

These are delicious! They taste exactly like the chocolate orange slices! Thinking about the next event that I can make these for!

Ashley

Thursday 22nd of April 2021

I followed the recipe exactly and the cupcakes came out perfect! These will definitely be my go to cupcakes for the rest of my life.

Skip to Recipe