menu icon
go to homepage
  • Recipes
  • About
    • Facebook
    • Instagram
    • Pinterest
    • Tumblr
    • Twitter
  • subscribe
    search icon
    Homepage link
    • Recipes
    • About
    • Facebook
    • Instagram
    • Pinterest
    • Tumblr
    • Twitter
  • ×
    You are here: Home / Cakes and slices / Chocolate Orange Cupcakes

    Chocolate Orange Cupcakes

    Published: Jan 29, 2022 · Modified: Nov 5, 2022 by Sarah Brooks

    176 shares
    • Share42
    • Flipboard
    • Tweet
    Jump to Recipe
    Cupcakes on a plate with fresh oranges and chocolate in the background, with text overlay chocolate orange cupcakes and KCAEIC.

    These simple chocolate orange cupcakes are made with real oranges and rich cocoa powder. Fabulous on their own or with decadent chocolate orange frosting.

    Cupcakes on a plate with fresh oranges in the background.
    Chocolate orange cupcakes.
    Jump to:
    • Ingredients
    • How to make Chocolate Orange Cupcakes
    • How to serve
    • How to store
    • Looking for more fresh orange dessert recipes?
    • 📋 Recipe
    • 💬 Comments

    Orange and chocolate is one of my all-time favorite flavor combinations. I mean chocolate goes with a lot of things, but chocolate and orange is particularly good! So I had to whip up a batch of these tasty little chocolate and orange cupcakes. They are pretty as a picture and not to big, so you can easily eat more than one 😀

    For a lighter version you can eat them as they are or for a more decent option top with lashings of luscious orange chocolate frosting. Either way these tasty little chocolate orange zest cupcakes are hard to stop at just one!

    Hungry for more chocolate orange desserts? You'll love me chocolate orange cheesecake, chocolate covered orange peel and my personal favorite, chocolate orange ice cream of course!

    How to zest an orange

    The simplest way to zest an orange is with a microplane grater. This a very sharp, long handheld grater you run along the surface of the orange. Microplane graters or zesters are extremely sharp and you need to be careful when using them.

    If you need to zest an orange without a zester you can use the fine side of a box grater then finely chop the grated peel. If you don't have a grater or a zester you can thinly slice the skin off the surface of the orange and then chop as fine as you can, but you won't get the same flavor out of the zest.

    The key thing with any method is to try to only remove the top orange-colored section of the skin. The pith of the orange (the white layer under the skin) can be very bitter, so try to avoid this as much as possible.

    Ingredients

    Ingredients: butter, baking powder, baking soda, eggs, plain flour, oranges, brown sugar, oil, salt, cocoa powder.,

    Fresh oranges: The fresh orange taste is achieved by using both the orange zest and orange juice. This gives a wonderful orangey flavor without orange extract. You will need about three medium oranges for the cupcakes, plus two more for the chocolate orange icing and one more for decoration, so six in total. I use navel oranges but use whatever sort you can get.

    Natural cocoa powder: natural cocoa powder is best for this recipe as it won't compete too much with the orange flavor, but you could use Dutch-processed if that's all you have.

    Brown sugar: also called light brown sugar, helps to give these cupcakes some extra caramel notes and keep them soft and delicious. You could use dark brown sugar for some extra caramel notes. If using cups to measure the brown sugar make sure it's packed down firmly.

    Plain flour: is best in this recipe. You can also use all-purpose flour. It's important to use flour that does not have any rising agents as we will be adding our own in the right amounts to help the cupcakes rise.

    Baking powder: is a common ingredient in cakes and baking, used to help the cake rise. For the best results use fresh baking powder and not one that's been sitting around the cupboard for a while.

    Baking soda: also known as bicarbonate soda or bicarb. This is NOT the same as baking powder and you can not substitute this.

    Vegetable oil: adds some much-needed fats to this cake and helps keep the crumb nice a fine. You can try substituting with similar oils such as peanut or canola. The oil helps give the cupcakes a lovely fine texture.

    Unsalted butter: adds fats and most importantly taste to these cupcakes.

    Eggs: I use large eggs in this recipe, approx. 55 gms each with shells before cracking.

    Icing sugar (for frosting): also known as powdered sugar, it's needed for the optional chocolate orange frosting.

    How to make Chocolate Orange Cupcakes

    See the full recipe card at the end of the post for ingredient amounts and instructions.

    To make the cupcakes

    Preheat your oven to 340°F (170°C/150°C fan-forced). Line your muffin tins with patty pans/cupcake liners or grease well with butter.

    Process shots mk1 - adding baking powder, baking soda and salt to flour, adding brown sugar, mixing dry ingredients with a whisk, zesting oranges.

    Sift the plain flour, baking powder and baking soda into a mixing bowl. Add the brown sugar and whisk together the dry ingredients. Zest and juice the oranges for the cupcake mix.

    Put the butter into a heat-proof bowl and melt in the microwave. Sift in the cocoa powder and mix well. The heat of the butter will help 'bloom' the cocoa powder and add extra flavor. Add the orange juice, vegetable oil, eggs and vanilla and mix well.

    Process shots mk2: sifting cocoa powder into melted butter, adding orange juice, adding oil, adding eggs and mixing.

    Add the wet ingredients to the dry ingredients and mix until Just combined i.e. you can't see any unmixed flour.

    Hot tip: Do not over mix or you will end up with flat rubbery cupcakes!

    Process shots mk 3: adding orange zest to wet ingredients, adding wet ingredients to dry ingredients, gentling folding wet and dry ingredients together, ladling mix into cupcake cases with an ice cream scoop.

    Divide the mix between the cupcakes. A sweep-style ice cream scoop works well for this! Bake for twenty minutes, or until the top springs back when lightly pressed and a skewer inserted comes out clean. Allow to cool completely before frosting if desired.

    To make the chocolate orange frosting and decorate

    Zest and juice the oranges for the frosting. Add the butter to a large bowl or stand mixer. Sift in the icing sugar. Mix with electric hand beaters or stand mixer on low until just combined.

    Process shots mk4: sifting icing sugar, sifting cocoa powder, adding vanilla extract and orange zest, piping frosting onto cupcakes.

    Sift in the cocoa powder and mix on low until just combined. Add the orange juice, zest and vanilla. Mix on medium until pale colored.

    Use a knife or spatula to spread on the cupcakes or transfer to a piping bag and pipe on. I used a Wilton 2D tip to get this lovely swirl look.

    Decorate with some extra orange zest or orange sprinkles.

    How to serve

    Cupcakes on a plate with chocolate and fresh oranges in the background.
    Chocolate orange cupcakes with frosting.

    To serve pop onto a plate and enjoy!

    How to store

    These cupcakes will store in a covered container in a cool place for up to three days.

    If you want to freeze the cupcakes I recommend wrapping them up in clingfilm before frosting and putting them in an airtight container in the freezer for up to three months. The chocolate orange frosting can be frozen in an airtight container in the freezer, however I find I get better results when making up the frosting fresh before frosting.

    You can freeze after decorating by putting them on a tray in the freezer until frozen solid, then wrapping carefully in clingfilm. They will take up a lot of room this way and can be quite fragile. Make sure you remove the clingfilm before defrosting or it will stick to the frosting as it defrosts and ruin your beautiful piping work!

    Have you made this recipe? Tell me how it went in the comments below and tag me on instagram so I can see your delicious creations! @keep_calm_and_eat_icecream

    Looking for more fresh orange dessert recipes?

    Why not try making

    • Chocolate Orange Cheesecake
    • Chocolate Covered Orange Peel
    • Chocolate Orange Ice Cream
    • Orange popsicles

    Follow me on Facebook or Pinterest for many more delicious recipes.

    Cupcakes on a plate with chocolate and fresh oranges in the background.
    Chocolate orange zest cupcakes.

    📋 Recipe

    Close up cupcake with fresh orange in background.

    Chocolate orange cupcakes

    Author: Sarah Brooks
    These simple chocolate orange cupcakes are made with real oranges and rich cocoa powder. Fabulous on their own or with decadent chocolate orange frosting.
    5 from 1 vote
    Save Recipe Saved! Print Recipe Pin Recipe Rate Recipe
    Prep Time 10 minutes mins
    Cook Time 20 minutes mins
    Total Time 30 minutes mins
    Course Dessert, Snack
    Cuisine American
    Servings 14 cupcakes
    Calories 358 kcal

    Equipment

    • 14 Muffin/cupcake pans
    • 14 Patty pans/cupcake liners
    • Handheld electric beaters or stand mixer (for chocolate orange frosting)
    • Piping bag and piping tip (I used a Wilton 2B tip)

    Ingredients

    I highly recommend measuring by weight and mls instead of cups. You will get better, more consistent results!

    For the cupcakes

    • ¾ cup (115gms) plain flour
    • ½ teaspoon baking soda
    • ½ teaspoon baking powder
    • ⅔ cup (150gms) tightly packed brown sugar
    • ⅔ of a stick (⅓ cup/75gms) unsalted butter
    • ⅓ cup (35gms) natural cocoa powder
    • ¼ cup (65mls) vegetable oil
    • 2 large eggs
    • 3 small oranges, zested
    • ½ cup orange juice

    For the chocolate orange frosting

    • (200gms) unsalted butter at room temperature
    • 2 & ½ cups (400gms) icing sugar
    • ½ cup (50gms) natural cocoa powder
    • 2 oranges zested
    • ¼ cup (65mls) orange juice
    • ½ teaspoon vanilla

    Instructions
     

    To make the cupcakes

    • Pre-heat your oven to 340°F (170°C/150°C fan-forced). Line your muffin tins with patty pan or grease well with butter.
    • Sift the plain flour, baking powder and baking soda into a mixing bowl. Zest and juice the oranges.
    • Put the butter into a heat proof bowl and melt in the microwave. Sift in the cocoa powder and mix well.
    • Add the vegetable oil, orange zest and juice, eggs and vanilla and mix well.
    • Add the wet ingredients to the dry ingredients and mix until Just combined i.e. you can't see any unmixed flour, Do not over mix or your will end up with flat rubbery cupcakes!
    • Divide the mix between the cupcakes. Bake for twenty minutes, or untill the top springs back when lightly pressed and a skewer inserted comes out clean.
    • Allow to cool complety befor frosting if desired.

    To make the chocolate orange frosting.

    • Zest and juice the oranges.
    • Add the butter to a large bowl or stand mixer. Sift in the icing sugar. Mix with electric hand beaters or stand mixer on low until just combined.
    • Sift in the cocoa powder and mix on low until just combined. Add the orange juice, zest and vanilla. Mix on medium until pale coloured.
    • Use a knife or spatula to spread on the cupcakes or transfer to a piping bag and pipe on. Decorate with some extra orange zest or orange sprinkles.

    Notes

    • I highly recommend measuring by weight and mls instead of cups. You will get better, more consistent results!
    • You can make these cupcakes plain or with chocolate orange frosting as you prefer.
    • I used a Wilton 2D tip to get this lovely swirl look for the frosting
    Storage:
    These cupcakes will store frosting or unfrosted in an airtight container in a cool place for up to three days.
    To freeze unfrosted wrap each cupcake in clingfilm and put in an airtight container in the freezer for up to three months.  The frosting can be stored in an airtight container in the freezer for the same amount of time.
     

    Nutrition

    Calories: 358kcalCarbohydrates: 77gProtein: 5gFat: 7gSaturated Fat: 2gPolyunsaturated Fat: 3gMonounsaturated Fat: 2gTrans Fat: 0.03gCholesterol: 27mgSodium: 73mgPotassium: 350mgFiber: 6gSugar: 57gVitamin A: 106IUVitamin C: 25mgCalcium: 52mgIron: 3mg

    Nutritional Disclaimer

    Nutritional information is an estimate based on an online database. The nutritional content of ingredients may vary by brand. If you require accurate nutritional information, you should calculate this based on the specific brands and products you are using.

    Keywords: Chocolate orange cake
    Tried this recipe?Let us know how it was!

    Join the community!

    Like Keep Calm and Eat Ice Cream on Facebook for more great recipes

    Cupcakes on a plate with fresh oranges and chocolate in the background, with text overlay chocolate orange cupcakes and KCAEIC.

    Pin it for later!

    Cupcakes on a plate with fresh oranges in the background.
    Chocolate and orange cupcakes.

    More Cakes and slices

    • Easter rice krispie treats on a plate with mini eggs on the side and rest of rice krispie treats on a plate next to it.
      Easter Rice Krispie Treats
    • Peeps rice krispie treats on a plate with Peeps on the side.
      Peeps Rice Krispies Treats
    • Close up shot of Easter brownies on a plate with Easter desserts in the background.
      Easter Brownies
    • Close up pile of slices on a plate.
      Lolly Slice
    176 shares
    • Share42
    • Flipboard
    • Tweet

    Comments

    No Comments

    5 from 1 vote (1 rating without comment)

    Leave a review, star rating or question :) Cancel reply

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

    Recipe Rating




    Sarah and Damian eating ice cream
    Ice cream from my favorite ice cream shop on our wedding - we even gave the guests gift vouchers for ice cream!

    Hi I’m Sarah and welcome to Keep Calm and Eat Ice-cream.

    I’ll be sharing all the things I love about ice-cream, eating it, making it, reviewing it, bathing it in (kidding) and all the things in between. So sit back, grab a scoop and come on a delicious journey with me.

    More about me →

    My most popular recipes - see what all the fuss is about!

    • Slice of cheesecake on a plate with fresh berries and rest of cake and another slice of cheesecake in the background.
      Philadelphia No Bake Cheesecake
    • Close up caramelized bananas in caramel sauce.
      Caramelized bananas
    • Group of three sundaes, classic, strawberry and caramel, with whipped cream, nuts, sprinkles, wafers and cherry, on a plate with spoons, nuts and sprinkles.
      Ice Cream Sundae
    • Close up stewed pears in a bowl, with fresh pears, cinnamon sticks and a vintage serving spoon on the side.
      Stewed pears

    Starting off making ice cream - Start here!

    • Cuisinart ice cream maker recipes collage, vanilla bean, pistachio, Oreo, choc chip cookie dough, strawberry and birthday cake ice cream, with text overlay.
      Cuisinart Ice Cream Maker Recipes
    • Close up side view of scoop of strawberry ice cream in a beige ramakin, with strawberries in the background.
      Strawberry ice cream
    • Top down view of a bowl of vanilla ice cream, in a grey bowl, with a spring of mint on the side in the bowl, on a beige tea towel and white wooded floor background.
      Easy vanilla ice cream
    • Very close up of scoop of no churn chocolate ice cream in pan.
      No churn chocolate ice cream

    Cheesecake Lover?, Try these creamy favorites

    • Close up slice of cake o a plate with a fork and matcha dusting.
      Matcha Cheesecake
    • Cheesecake on a serving board with serving wear, jar of Biscoff and Biscoff cookies and slice of cake in background.
      Biscoff Cheesecake
    • No Bake Blueberry Cheesecake
    • Baileys cheesecake on a plate with cheesecake and Baileys in the background.
      No Bake Baileys Cheesecake

    How about something else?

    • Close up raspberry popsicles with fresh raspberries and leaves.
      Raspberry popsicles
    • Coffee sauce in a bowl with a spoon and coffee beans on the side.
      Coffee Sauce
    • close up of pile of cinnamon sugar pita chips on a while plate.
      Cinnamon sugar pita chips
    • Glass of homemade cola with ice, lime circle garnish and bottle of cola beside it.
      Homemade cola

    Footer

    About

    • About
    • Contact us
    • Privacy Policy
    • Accessibility Policy
    • Cookie Policy
    • Terms and Conditions

    Newsletter

    Social Media

    Follow me on your favorite social media and recipe sharing channels

    • Facebook
    • Instagram
    • Pinterest
    • Twitter

    Copyright © 2024 Sarah Brooks

    Rate This Recipe

    Your vote:




    A rating is required
    A name is required
    An email is required

    Recipe Ratings without Comment

    Something went wrong. Please try again.