• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Gimme That Flavor

  • Home
  • About
  • Recipes
  • Free Ebook
menu icon
go to homepage
  • Home
  • About
  • Recipes
  • Free Ebook
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
  • search icon
    Homepage link
    • Home
    • About
    • Recipes
    • Free Ebook
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
  • ×

    Home » Cakes and Cupcakes

    Chocolate Orange Cupcakes

    Published: Aug 5, 2021 Updated: Aug 5, 2021 by Alison Hope · This post may contain affiliate links · Leave a Comment

    Jump to Recipe Print Recipe
    Chocolate Orange Cupcakes

    These chocolate orange cupcakes are soft, fluffy, perfectly moist and packed with chocolate orange flavor. Topped with a gorgeous chocolate orange buttercream frosting.

    Chocolate orange cupcakes topped with frosting and chocolate shavings.

    Chocolate orange is one of my husband’s favorite flavors, so these gorgeous chocolate orange cupcakes were very popular here.

    They are beautifully soft, packed with chocolate flavor with those added subtle but delicious orange flavor notes.

    The orange flavor comes from orange extract and orange zest and it’s the perfect amount of orange flavor that really blends with the rich chocolate of these cupcakes.

    And of course the chocolate orange buttercream frosting is just the perfect complement and rounds them off beautifully.

    This recipe is adapted from our best ever chocolate cupcakes, and if you’re looking for a pure chocolate flavor then you’ll love those cupcakes too. And for a full size cake check out our fabulous chocolate orange cake.

    Ingredients You’ll Need For The Cupcakes:

    Photo of the ingredients needed to make chocolate orange cupcakes.

    Ingredient Notes

    • Orange zest – we only use a tablespoon of orange zest in this recipe, which you can easily get from a single orange.
    • Instant espresso powder – this is optional but does tend to really bring out those chocolate flavors. It doesn’t make it taste like coffee at all. You can also use regular instant coffee powder.
    • Buttermilk – you can use real buttermilk in this recipe or a homemade buttermilk substitute (lemon juice or vinegar + room temperature milk). We have tested it both ways so whatever is easiest for you.
    • Canola oil – can be replaced with any vegetable oil.
    • Orange extract – this really pops the orange flavor in this recipe. Our recipe card will have a link to an orange extract that you can get on Amazon. If you have difficulty with getting this product then you could replace it with orange juice but the flavor is going to be much more subtle and not nearly as good or as strong.

    Ingredients You’ll Need For The Frosting:

    Photo of the ingredients needed to make chocolate orange buttercream frosting.

    Frosting Ingredient Notes

    • Butter – this should ideally be softened first. But if you forget to take it out of the fridge in time, it’s not a problem since we beat the butter on its own first anyway. Just cut it into cubes and beat it for a minute or two extra if needed to get it smooth and pale in color. The butter can also be lightly salted or unsalted. We used lightly salted. If you use unsalted, you may want to add in ⅛ teaspoon of salt or to taste.
    • Milk – should be whole milk ideally, but any milk will also work just fine.
    Overhead photo of chocolate orange cupcakes

    How To Make Chocolate Orange Cupcakes

    Full instructions and measurements can always be found in the recipe card at the bottom of the post. This is a summary of the process to go along with the process photos.

    • Sift all purpose flour and cocoa powder into a mixing bowl and add sugar, baking soda, baking powder, salt and instant espresso powder. Mix together.
    Two photo collage showing dry ingredients added to mixing bowl and mixed together.
    • Prepare the homemade buttermilk by adding ½ tablespoon of lemon juice to a measuring jug and then adding room temperature milk up to the ½ cup (120ml) line. Let it sit for a minute to curdle.
    • Add buttermilk, oil, egg, orange extract and orange zest to the mixing bowl and mix it into a batter.
    Two photo collage showing wet ingredients added to mixing bowl and mixed into a cupcake batter.
    • Now add hot water and whisk it in until you have a thin batter. Don’t overmix.
    Two photo collage showing hot water added to batter and mixed in.
    • Divide the batter evenly between 12 cupcake liners.
    • Bake at 350°F for 20 minutes or until a toothpick inserted into the center of one of the cupcakes comes out clean.
    • Let the cupcakes cool for a few minutes before removing them from the cupcake tray and transferring to a wire cooling rack to cool completely before frosting.
    Two photo collage showing cupcakes before and after baking.
    • Prepare your frosting by adding softened butter to the bowl of your stand mixer. Start at slow speed, gradually increasing speed and beat the butter until it is smooth and slightly pale in color.
    Two photo collage showing butter added to stand mixer and whipped until smooth.
    • Add powdered sugar, cocoa powder, orange extract and milk and starting at slow speed gradually increase speed and let it beat for a few minutes until it’s very fluffy and smooth.
    Two photo collage showing powdered sugar, cocoa powder, orange extract and milk added to stand mixer and whipped into a frosting.
    • When your cupcakes have cooled completely, pipe on the frosting and decorate with chocolate shavings (optional).
    Two photo collage showing cupcakes on wire cooling rack and then frosted and decorated.

    Recipe Tips

    Measure the flour properly. If you’re using cups only (no food scale) then the best way to measure the flour is to use the spoon and level method. Spoon the flour into your measuring cup and then level off the top with a knife. Don’t scoop the flour and don’t pack it into the cup. If you have a food scale then the most accurate method is to simply weigh the flour on your scale.

    Don’t over-mix the batter. This batter is mixed and then hot water is added and it’s mixed again. So just be careful not to do too much mixing or it could affect the texture and rise of your cupcakes. So you just want to mix it until just mixed, add the hot water and then mix again until just mixed.

    Chocolate orange cupcakes topped with frosting and chocolate shavings.

    Recipe FAQ

    Can you make a layer cake from this recipe?

    This recipe would make a two or three layer 6-inch cake. Bake for 25-30 minutes for a two layer 6-inch cake and 20 minutes for a three layer 6-inch cake.

    Can you make these cupcakes dairy-free?

    If you make homemade buttermilk using soy milk or almond milk then you can make the cupcakes dairy-free. You would also want to replace the butter in the frosting with a dairy-free butter such as Earth Balance and use dairy-free milk like soy milk or almond milk in the frosting as well.

    How should these cupcakes be stored?

    Keep these cupcakes stored at room temperature (covered) for 2-3 days or in the fridge (covered) for up to a week. Let them come to room temperature before serving.

    Can you freeze them?

    These cupcakes are very freezer friendly. They can be frozen with or without frosting and can be frozen for up to 3 months. Thaw them in the fridge and bring to room temperature before serving.

    Chocolate orange cupcake with the liner pulled down.

    More Cupcake Recipes

    1. Red Velvet Cupcakes
    2. Carrot Cake Cupcakes
    3. Pumpkin Cupcakes
    4. Vanilla Cupcakes
    5. Biscoff Cupcakes
    6. Espresso Cupcakes
    Chocolate orange cupcake cut in half.

    Did you make this recipe? Be sure to leave a comment and rating below.

    Chocolate orange cupcakes topped with frosting and chocolate shavings.

    Chocolate Orange Cupcakes

    These chocolate orange cupcakes are soft, fluffy, perfectly moist and packed with chocolate orange flavor. Topped with a gorgeous chocolate orange buttercream frosting.
    5 from 1 vote
    Print Pin Rate
    Course: Dessert
    Cuisine: American
    Diet: Vegetarian
    Prep Time: 15 minutes
    Cook Time: 20 minutes
    Total Time: 35 minutes
    Servings: 12
    Calories: 467kcal
    Author: Alison

    Ingredients

    • 1 cup All Purpose Flour Measured Correctly*
    • ½ cup Cocoa Powder Unsweetened
    • 1 cup White Granulated Sugar
    • 1 tsp Baking Soda
    • ½ tsp Baking Powder
    • ½ tsp Salt
    • ½ tsp Instant Espresso Powder
    • ½ cup Homemade Buttermilk or Real Buttermilk
    • ⅓ cup Canola Oil or Vegetable Oil
    • 1 Large Egg
    • 2 tsp Orange Extract
    • 1 Tbsp Orange Zest
    • ½ cup Hot Water

    Chocolate Orange Buttercream Frosting:

    • 1 cup Butter Lightly Salted, Softened*
    • 3 ½ cups Powdered Sugar
    • ¾ cup Cocoa Powder Unsweetened
    • 2 tsp Orange Extract
    • 6 Tbsp Milk

    Decoration (Optional):

    • Chocolate Shavings
    US Customary – Metric

    Instructions

    • Preheat the oven to 350°F (180°C) and line a cupcake tray with 12 cupcake liners.
    • Sift all purpose flour and cocoa powder into a mixing bowl and add sugar, baking soda, baking powder, salt and instant espresso powder. Mix together.
    • Prepare the homemade buttermilk by adding ½ tablespoon of lemon juice to a measuring jug and then adding room temperature milk up to the ½ cup (120ml) line. Let it sit for a minute to curdle.
    • Add buttermilk, oil, egg, orange extract and orange zest to the mixing bowl and mix it into a batter.
    • Now add hot water and whisk it in until you have a thin batter. Don't overmix.
    • Divide the batter evenly between 12 cupcake liners.
    • Bake for 20 minutes or until a toothpick inserted into the center of one of the cupcakes comes out clean.
    • Let the cupcakes cool for a few minutes before removing them from the cupcake tray and transferring to a wire cooling rack to cool completely before frosting.
    • Prepare your frosting by adding softened butter to the bowl of your stand mixer. Start at slow speed, gradually increasing speed and beat the butter until it is smooth and slightly pale in color.
    • Add powdered sugar, cocoa powder, orange extract and milk and starting at slow speed gradually increase speed and let it beat for a few minutes until it's very fluffy and smooth.
    • When your cupcakes have cooled completely, pipe on the frosting and decorate with chocolate shavings (optional).

    Notes

    1. Measure the flour properly. If you’re using cups only (no food scale) then the best way to measure the flour is to use the spoon and level method. Spoon the flour into your measuring cup and then level off the top with a knife. Don’t scoop the flour and don’t pack it into the cup. If you have a food scale then the most accurate method is to simply weigh the flour on your scale. Click ‘metric’ below the list of ingredients to get the correct weights in grams. 
    2. Instant espresso powder – this is optional but does tend to really bring out those chocolate flavors. It doesn’t make it taste like coffee at all. You can also use regular instant coffee powder.
    3. Buttermilk – you can use real buttermilk in this recipe or a homemade buttermilk substitute (lemon juice or vinegar + room temperature milk). We have tested it both ways so whatever is easiest for you.
    4. Orange extract – this really pops the orange flavor in this recipe. If you have any difficulty with getting this extract then you could replace it with orange juice but the flavor is going to be much more subtle and not nearly as good or strong.
    5. Don’t over-mix the batter. This batter is mixed and then hot water is added and it’s mixed again. So just be careful not to do too much mixing or it could affect the texture and rise of your cupcakes. So you just want to mix it until just mixed, add the hot water and then mix again until just mixed.
    6. Butter – the butter for the frosting should ideally be softened first. But if you forget to take it out of the fridge in time, it’s not a problem since we beat the butter on its own first anyway. Just cut it into cubes and beat it for a minute or two extra if needed to get it smooth and pale in color. The butter can also be lightly salted or unsalted. We used lightly salted, so if you use unsalted, you may want to add in ⅛ teaspoon of salt or to taste.
    7. Make a layer cake: This recipe would make a two or three layer 6-inch cake. Bake for 25-30 minutes for a two layer 6-inch cake and 20 minutes for a three layer 6-inch cake.
    8. Make it dairy free: If you make homemade buttermilk using soy milk or almond milk then you can make the cupcakes dairy-free. You would also want to replace the butter in the frosting with a dairy-free butter such as Earth Balance and use dairy-free milk like soy milk or almond milk in the frosting as well.
    9. Storing and freezing: Keep these cupcakes stored at room temperature (covered) for 2-3 days or in the fridge (covered) for up to a week. Let them come to room temperature before serving. They can be frozen with or without frosting and can be frozen for up to 3 months. Thaw them in the fridge and bring to room temperature before serving.
    10. Nutritional information includes the frosting. 

    Nutrition

    Serving: 1Cupcake | Calories: 467kcal | Carbohydrates: 66g | Protein: 4g | Fat: 24g | Saturated Fat: 11g | Polyunsaturated Fat: 3g | Monounsaturated Fat: 9g | Trans Fat: 1g | Cholesterol: 58mg | Sodium: 346mg | Potassium: 202mg | Fiber: 3g | Sugar: 52g | Vitamin A: 526IU | Vitamin C: 1mg | Calcium: 49mg | Iron: 2mg
    DID YOU MAKE THIS RECIPE?Rate it & leave your feedback in the comments section below, or tag @gimmethatflavor on Instagram and hashtag it #gimmethatflavor
    NEVER MISS A RECIPE!
    Subscribe and get a FREE ebook!
    « Golden Oreo Cheesecake
    Biscoff Fudge »

    About Alison Hope

    Hi I'm Alison, I'm the voice and cook behind Gimme That Flavor. I am a big time foodie and probably cooking up a storm in my kitchen right now! I'm also a cat mom. And a sweet tooth. Binge watcher of TV shows. Terrible sleeper always staying up too late....Find out more about me here.

    Gimme That Flavor is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. This site may contain some of these links to Amazon.com. If you make a purchase through one of those links, Gimme That Flavor will receive a small commission from the purchase at no additional cost to you.

    Reader Interactions

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    Alison Hope Author

    Hi! I'm Alison! Big time foodie. I'm probably cooking up a storm in my kitchen right now. I'm also a cat mom. And a sweet tooth. Binge watcher of TV shows. Terrible sleeper always staying up too late.... 

    More about me →

    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube

    Popular Posts

    • Best Ever Peanut Butter Cookies
    • Perfect Homemade Pancakes
    • The Best Apple Crisp
    • Greek Yogurt Cheesecake
    • Homemade Tartar Sauce
    • Mushroom Sauce

    Eggless Desserts

    • The Best Eggless Cheesecake
    • Eggless Chocolate Cookies
    • Biscoff Cheesecake
    • Eggless Peanut Butter Cookies
    • Eggless Chocolate Chip Cookies
    • Eggless Red Velvet Cake

    See more Eggless Desserts →

    Footer

    ↑ back to top

    About

    • Privacy Policy
    • Terms & Conditions

    Follow Us

    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube

    Contact

    • About
    • Contact

    Copyright © 2022 Gimme That Flavor

    NEVER MISS A RECIPE!
    Subscribe and get a FREE ebook!