Go Back

Find more recipes at charlotteslivelykitchen.com

chocolate orange cupcakes buttercream-3

Chocolate Orange Cupcakes with Chocolate Orange Buttercream

Chocolate orange sponge topped with smooth chocolate orange buttercream and topped with a slice of Chocolate Orange – Chocolate Orange Heaven!
4.78 from 31 votes
Active Time: 25 minutes
Cook Time: 20 minutes
Total Time: 45 minutes
Servings: 12 cupcakes



  • 150 g self-raising flour
  • 30 g cocoa powder
  • 175 g caster sugar
  • 175 g soft margarine - or softened butter
  • 3 large eggs
  • 1 tsp orange extract
  • 75 g milk chocolate - choose something from the baking aisle in the supermarket as it will cope well with the heat in the oven without going grainy
  • ½ tbsp milk
  • 12 cupcake cases


  • 250 g unsalted butter - soft at room temperature
  • 250 g icing sugar
  • 150 g milk chocolate - choose a chocolate from the baking aisle as this won’t go grainy when it’s melted
  • 40 g cocoa powder
  • ½ tsp orange extract
  • A little milk

To finish

  • 12 pieces of Chocolate Orange
  • Orange sprinkles


For the cupcakes

  • Pre-heat your oven to 160ºC/140ºC fan.
  • Put your cupcake cases into a muffin tin.
  • Grate the milk chocolate (75g).
  • Put all of the ingredients into a large bowl (150g self-raising flour, 30g cocoa powder, 175g caster sugar, 3 large eggs, 175g soft margarine, 1 tsp orange extract, ½ tbsp milk and the grated chocolate) mix on a low speed until fully combined.
  • Divide the mixture evenly between the 12 cupcake cases (I use a cupcake scoop to help split it evenly).
  • Put the tin into the oven and cook the cupcakes for 20-25 minutes. After 20 minutes put a skewer in the middle and check if it comes out clean. If it does they’re done, if not pop them back in for a couple more minutes and check again.
  • Once cooked, remove the cupcakes from the oven and leave them to cool in the tins for a few minutes.
  • Remove the cupcakes from their tin and pop them onto a wire rack to cool completely.

For the buttercream

  • Break the chocolate (150g) into pieces and melt it (either using short bursts in the microwave – stirring regularly, over the lowest possible heat in a saucepan – stirring constantly, or in a bain marie – stirring constantly).
  • Once melted remove from the heat and pour into another bowl (this will help it to cool as it needs to be back to room temperature before mixing with the buttercream).
  • Beat the butter (250g) until soft then add the orange extract (½ tsp), cocoa powder (40g) and icing sugar (250g) and beat until fully combined (it’s easier to avoid the cocoa powder and sugar flying everywhere if you add it a spoonful at a time).
  • Once the chocolate has cooled to room temperature (DO NOT add the chocolate when it’s still warm as it’ll melt the butter and your buttercream will end up too runny) pour it into the buttercream and beat until fully combined. You should find that the buttercream is soft and spreadable. If it is a little stiff then add milk a tsp at a time until it is the right consistency.

Build your cupcakes

  • Pipe your buttercream onto the cupcakes. Top each one with a slice of chocolate orange and some orange sprinkles.


Have you tried this recipe? Please leave a comment and rating at the bottom of the page to let others know what you thought.


Calories: 601kcal | Carbohydrates: 64g | Protein: 5g | Fat: 39g | Saturated Fat: 19g | Cholesterol: 85mg | Sodium: 161mg | Potassium: 205mg | Fiber: 3g | Sugar: 48g | Vitamin A: 1100IU | Calcium: 31mg | Iron: 1.9mg

Any nutritional information provided is the estimated nutritional information per serving. Please refer to my guide to Charlotte’s Lively Kitchen nutritional information if you would like to learn more about how this is calculated.