Jo's Kitchen Larder

  • Recipes
  • About
  • Contact
  • Subscribe
menu icon
go to homepage
  • Recipes
  • About
  • Contact
  • Subscribe
    • Facebook
    • Instagram
    • Pinterest
  • subscribe
    search icon
    Homepage link
    • Recipes
    • About
    • Contact
    • Subscribe
    • Facebook
    • Instagram
    • Pinterest
  • ×
    Home » Recipes » Cakes

    Chocolate Orange Butterfly Cakes

    Published: Mar 27, 2026 by joskitchenlarder · No Comments. · This post may contain affiliate links ·

    Jump to Recipe Print Recipe Bookmark Bookmarked!
    Chocolate orange butterfly cakes with two orange halves and chocolate chips.
    Bird view of a chocolate orange butterfly cake on a small cake stand.
    Decorated butterfly cake on a small cake stand.
    Close up of decorated butterfly cake dusted with icing sugar.
    Close up of three chocolate orange butterfly cakes.

    These dainty Chocolate Orange Butterfly Cakes are perfect little treats to serve at kids parties, bake sales, afternoon teas or just because. Despite their fancy looks they're very quick and easy to make and classic chocolate orange flavour is truly delicious too.

    Close up of three chocolate orange butterfly cakes.

    I don't think it gets any more retro nostalgia than these precious little butterfly cakes aka butterfly buns aka "dressed up" fairy cakes.

    If you've been following me for a while you must have noticed that I don't really do pretty when it comes to bakes but these cute little butterfly cakes worked a treat even for me 😉.

    They might be considered slightly old-fashioned yet if you are after perfect little treats for kids parties, bake sales, friends get togethers and not to forget proper English afternoon tea, then definitely look no further.

    To add to their delicious splendour I decided to go for chocolate orange flavour combination (marriage made in heaven) where orange sponge meets chocolate orange buttercream and...wait for it...a small dollop of marmalade greets you as you take your first bite (that bit is optional but highly recommended).

    If chocolate orange is your thing you might want to try my Vegan Chocolate Orange Cake. 🍫🍊

    Jump to:
    • ✔️ Why you'll love this recipe
    • 📝  Ingredients to make Chocolate Orange Butterfly Cakes
    • 🔪 How to make Chocolate Orange Butterfly Cakes
    • 🍽 Equipment
    • 🥡 Storing and freezing Chocolate Orange Butterfly Cakes
    • 💭 Pro tips
    • ❓ FAQ
    • 📋 Recipe
    • 💬 Comments

    ✔️ Why you'll love this recipe

    • Quick and easy to make and look super cute.
    • Delicious chocolate orange flavour.
    • Perfect baking project for kids.
    • Great for feeding a crowd (you get anything between 12-16 cakes).
    • Perfect for bake sales, parties, afternoon teas and more.
    • Great for making ahead and freezing (undecorated cakes only).

    📝  Ingredients to make Chocolate Orange Butterfly Cakes

    Here's what you will need to make my Chocolate Orange Butterfly Cakes:

    Ingredients for making chocolate orange butterfly cakes.

    FAIRY CAKES

    Self-raising flour - The flour with raising agents already in it. If you don't have it handy, use plain (all-purpose) flour + 1.5tsp baking powder instead.

    Butter/Margarine - You can use dairy butter here but originally, back in the day, fairy cakes (butterfly cakes before the glow up) used to be made using margarine which can help with the lightness and fluffiness of the sponge.

    In the UK Stork margarine works great as does Flora Plant Butter which is the one I use most often in my baking.

    ***Quick Tip*** Don't forget to take your butter out of the fridge to soften.

    Caster Sugar - Fine sugar is best when using creaming method. Golden caster sugar can be used here as well.

    Eggs - I use medium size, organic, free-range eggs.

    Orange Zest and/or Orange Extract - I like to add zest of 1 orange + ½tsp extract to my sponge and 1 teaspoon of extract to my buttercream. If you don't have orange zest, simply increase the amount of extract to 1 teaspoon for the sponge.

    CHOCOLATE ORANGE BUTTERCREAM

    Butter/Margarine/Plant Butter - Use whichever one you'd normally use.

    Icing Sugar - You will also need some extra for dusting your cakes.

    Cocoa/Cacao Powder - Our chocolate.

    Orange Extract - For that orange flavour.

    Milk/Plant Milk - You might need a drop just to adjust consistency of your buttercream.

    OPTIONAL EXTRAS

    Orange Marmalade - I like adding just a small teaspoon of marmalade inside the cake before piping on buttercream to intensify the orange flavour. It's completely optional but I love it.

    Chocolate Chips - I used some dark chocolate chips between the wings to give butterfly a body plus I'll never say no to extra chocolate. Again, completely optional.

    🔪 How to make Chocolate Orange Butterfly Cakes

    Ingredient quantities & detailed instructions to be found in recipe card at the bottom of the post.

    Mixing sugar and butter together with hand mixer.

    Step 1: Preheat the oven to 180°C/350°F/Gas Mark 4 and line 12-hole muffin or bun tin with paper fairy cake cases. In a large bowl mix butter and sugar together until pale and fluffy. Use hand mixer or stand mixer with paddle attachment. Mix for good 2-3 minutes, scraping the walls of the bowl as you go.

    Mixing the eggs into sugar/butter mixture.

    Step 2: Gradually mix in the eggs (one at a time). Don't worry if the mixture starts looking as if it curdled, that will be fixed once you've added flour.

    Orange zest added to butterfly cake batter.

    Step 3: Next, add orange zest and/or extract and mix it in as well.

    Sieving the flour into egg/sugar/butter mix.

    Step 4: Sift the flour into a bowl with your sugar/butter/egg mixture.

    Folding in sieved flour into the batter to gently incorporate it.

    Step 5: Using spatula gently fold in the flour into the mixture only until incorporated. Don't over mix it.

    Butterfly cakes before and after baking.

    Step 6: Fill prepared cases approximately halfway with your cake mixture. Bake in preheated oven for approximately 15 minutes or until nice and golden and they spring back when touched gently with a finger. Take them out onto cooling rack to cool completely.

    Step 7: As your cakes cool, prepare buttercream by mixing together butter, icing sugar cocoa powder and orange extract until nice and creamy. If mixture appears a bit stiff, feel free to add a drop of milk/plant milk to loosen it a bit (1tsp at a time).

    Process of decorating butterfly cakes.

    Step 8: Now is the time to decorate your butterfly cakes:

    1. Insert a small knife angled at approx. 45° roughly half way into the fairy cake and cut out a cone shape piece. Gently remove the cone and cut it in half into 2 semi-circles which will be our "wings".
    2. Optional but recommended: Dollop approx. 1 teaspoon of orange marmalade into the centre of the cake.
    3. Pipe the buttercream over the marmalade (if using) to cover the cut out space completely.
    4. Place "wings" into the buttercream to finish the look.

      You can then decorate it further (I put some chocolate chips in between the two wings to make the body of the butterfly) and as a final touch dust with some icing sugar.
    Close up of decorated butterfly cake dusted with icing sugar.

    🍽 Equipment

    This simple recipe doesn't really require any specialist equipment as such and you can even cream butter and sugar by hand using a wooden spoon if you wanted to.

    Having said that, there are couple of things I wanted to clarify:

    Muffin tin vs Shallow bun tin - I baked my fairy cakes in a regular muffin tin (using fairy cake sized paper cases) but it might be easier to use shallower bun tin (the sort you bake mince pies or jam tarts in). It's entirely up to you which one you go for but remember to use small fairy cake type cases.

    Fairy cake cases - They are smaller than standard cupcake or muffin cases. I use these from Sainsbury's (UK). They measure roughly 4cm diameter at the bottom, 6cm at the top and are 2.5cm tall.

    Piping nozzle - I don't do a lot of fancy piping and only own one super universal piping nozzle - Wilton 1M open star which will give beautiful finish to your butterfly cakes.

    Decorated butterfly cake on a small cake stand.

    🥡 Storing and freezing Chocolate Orange Butterfly Cakes

    Store: Butterfly cakes are best eaten within day or two of being made and will be fine kept in the airtight container on the kitchen counter during that time.

    However, if you want to keep them for longer, I would pop them in the fridge where they will be fine for up to 4 days. They're the best served at room temperature though so make sure to take them out at least an hour before eating/serving.

    Freeze: Plain fairy cakes (without buttercream) freeze really well so you can definitely make them in advance and freeze until needed. They can be defrosted on the kitchen counter in a couple of hours and decorated as per the recipe.

    Chocolate orange butterfly cakes with two orange halves and chocolate chips.

    💭 Pro tips

    Use digital scales when weighing out the ingredients as baking is all about accuracy.

    Make sure your butter/margarine are at room temperature. It's less of an issue if using margarine from the tub (Stork) as it's already much softer than butter/plant butter.

    Take your time creaming butter and sugar. You want to incorporate as much air into the mixture as possible and for it to be light and fluffy.

    Don't overmix the batter when adding the flour. Use gentle folding motion with your spatula and only until the flour is incorporated.

    Even though it's tempting, don't overfill fairy cake cases when filling them with batter. Halfway full is plenty. They are supposed to be small, dainty cakes.

    Don't worry if your cakes don't have large peaks/domes on them. As long as they're well risen, they're absolutely fine. We will be cutting into them anyway to make them into butterfly cakes so the shape of the top doesn't matter.

    My recipe uses quite conservative amount of buttercream so if you like a lot of it or are not using any marmalade to help fill the cake, I would recommend doubling the recipe.

    You will most likely have enough cake batter to fill more than 12 fairy cake cases (I get 16 on average). If you don't have spare tin or room in the oven to accommodate these in one go you can simply wait and bake the remaining ones once first 12 are out of the oven. It's not ideal but I have done it on numerous occasions and they've always risen well.

    ❓ FAQ

    Can I add extra baking powder to ensure that my fairy cakes have nice domes?

    If you 're using self-raising flour there really is no reason to add extra baking powder here. If your cakes come out well risen but without domes it doesn't really matter as we are cutting into the cakes anyway.

    How many butterfly cakes does this recipe make?

    12-16 depending on the size of your fairy cake cases and how much batter you use per cake. I filled my cases roughly halfway and got 16 cakes.

    Have you tried my Chocolate Orange Butterfly Cakes?
    Please consider giving it ⭐️⭐️⭐️⭐️⭐️ rating in recipe card below and share your views or tips in the comments.

    Butterfly cakes, oranges, chocolate chips and small sieve with icing sugar.

    📋 Recipe

    Close up of three chocolate orange butterfly cakes - square.
    Print Pin
    No ratings yet

    Chocolate Orange Butterfly Cakes

    These dainty Chocolate Orange Butterfly Cakes are perfect little treats to serve at kids parties, bake sales, afternoon teas or just because. Despite their fancy looks they're very quick and easy to make and classic chocolate orange flavour is truly delicious too.
    Course Cake, Dessert
    Cuisine British
    Keyword butterfly cakes

    Equipment

    • Hand Mixer*
    • Silicone Spatula*
    • Silicone Muffin Tins*
    • Fairy Cake Cases*
    • Piping bags*
    • Open star piping nozzle*
    Prep Time 10 minutes minutes
    Cook Time 15 minutes minutes
    Decorating 15 minutes minutes
    Total Time 40 minutes minutes
    Servings 16 cakes
    Calories 193kcal
    Author Jo Allison
    Prevent your screen from going dark

    Ingredients

    Cakes

    • 120 g self-raising flour or use plain (all-purpose) flour + 1.5tsp baking powder
    • 120 g caster sugar
    • 120 g butter or margarine softened
    • 2 eggs
    • 1 teaspoon orange extract or zest of one orange + ½tsp orange extract

    Chocolate Orange Buttercream

    • 80 g butter or plant butter or margarine softened
    • 150 g icing sugar
    • 20 g cocoa/cacao powder
    • 1 teaspoon orange extract
    • drop of milk/plant milk to adjust consistency if necessary

    Optional extras

    • orange marmalade (1 teaspoon per cake) see notes
    • chocolate chips to make body for the butterfly
    • more icing sugar for dusting

    Instructions

    Fairy Cakes

    • Preheat the oven to 180°C/350°F/Gas Mark 4 and line 12-hole muffin or bun tin with paper fairy cake cases.
    • In a large bowl mix butter and sugar together until pale and fluffy. Use hand mixer or stand mixer with paddle attachment. Mix for good 2-3 minutes, scraping the walls of the bowl as you go.
      120 g caster sugar, 120 g butter or margarine
    • Gradually mix in the eggs (one at a time). Don't worry if the mixture starts looking as if it curdled, that will be fixed once you've added flour.
      2 eggs
    • Next, add orange zest and/or extract and mix it in as well.
      1 teaspoon orange extract
    • Sift the flour into a bowl with your sugar/butter/egg mixture.
      Using spatula gently fold in the flour into the mixture only until incorporated. Don't over mix it.
      120 g self-raising flour
    • Fill prepared cases approximately halfway with your cake mixture. Bake in preheated oven for approximately 15 minutes or until nice and golden and they spring back when touched gently with a finger. Take them out onto cooling rack to cool completely

    Chocolate Orange Buttercream

    • As your cakes cool, prepare buttercream by mixing together butter, icing sugar cocoa powder and orange extract until nice and creamy. If mixture appears a bit stiff, feel free to add a drop of milk/plant milk to loosen it a bit (1tsp at a time).
      If you like a lot of buttercream or are not using marmalade you might want to double the amount of buttercream.
      80 g butter or plant butter or margarine, 150 g icing sugar, 20 g cocoa/cacao powder, 1 teaspoon orange extract, drop of milk/plant milk

    Decorating Butterfly Cakes

    • 1. Insert a small knife angled at approx. 45° roughly half way into the fairy cake and cut out a cone shape piece. Gently remove the cone and cut it in half into 2 semi-circles which will be our "wings".
      2. Optional but recommended: Dollop approx. 1 teaspoon of orange marmalade into the centre of each cake.
      3. Pipe the buttercream over the marmalade (if using) to cover the cut out space completely. 
      4.Place "wings" into the buttercream to finish the look. 
      You can then decorate it further (I put some chocolate chips in between the two wings to make the body of the butterfly) and as a final touch dust with some icing sugar.
      orange marmalade (1 teaspoon per cake), chocolate chips, more icing sugar for dusting

    Notes

    • Nutritional information is approximate, per one butterfly cake based on 16 servings and it should be treated as a rough guideline only. It doesn't include marmalade, chocolate chips or any other decorations you might use for your cakes. 
    Butterfly cakes are best eaten within day or two of being made and will be fine kept in the airtight container on the kitchen counter during that time. For longer storage keep in the fridge for up to 4 days. They're best at room temperature so take out of the fridge at least an hour before serving.
    Undecorated fairy cakes are freezer friendly.
    For more details regarding ingredients and more helpful tips I would highly recommend you refer to 📝 Ingredients to make Chocolate Orange Butterfly Cakes and 💭 Pro tips.
     

    Nutrition

    Nutrition Facts
    Chocolate Orange Butterfly Cakes
    Amount Per Serving
    Calories 193 Calories from Fat 99
    % Daily Value*
    Fat 11g17%
    Saturated Fat 2g10%
    Trans Fat 1g
    Polyunsaturated Fat 3g
    Monounsaturated Fat 5g
    Cholesterol 20mg7%
    Sodium 112mg5%
    Potassium 38mg1%
    Carbohydrates 23g8%
    Fiber 1g4%
    Sugar 17g19%
    Protein 2g4%
    Vitamin A 298IU6%
    Vitamin C 0.01mg0%
    Calcium 8mg1%
    Iron 0.4mg2%
    * Percent Daily Values are based on a 2000 calorie diet.
    Tried this recipe?Tag me @Joskitchenlarder or use hashtag #joskitchenlarder!

    More Cake Recipes

    • Carrot cake traybake with two slices in front of it.
      Carrot Cake Traybake
    • Neatly cut apple flapjacks with apples, bowl of oats and cinnamon sticks.
      Easy Apple Flapjacks
    • Close up of decorated vegan biscoff cheesecake with two lotus biscuits on top.
      Vegan Biscoff Cheesecake (No-Bake)
    • Close up of fully assembled lemon curd pavlova.
      Lemon Curd Pavlova

    Comments

    No Comments

    Please leave a comment & rating if you've made my recipe! Feel free to ask questions too, I reply to all! Cancel reply

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

    Recipe Rating




    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Hi! I’m Jo and this blog is where I share lots of simple, family friendly and mostly plant based recipes we enjoy eating and now you can easily recreate at home.

    More about me →

    Trending

    • Soda bread loaf on a board with bread knife and butter.
      Irish Soda Bread with Yogurt
    • Bread with couple slices cut off, butter, jam & knives.
      Easy Wholemeal Bread Recipe (No Knead)
    • Close up of a veggie sausage roll on a baking tray.
      Vegetarian Sausage Rolls Recipe
    • Banana flapjacks decorated with banana slices.
      Healthy Banana Flapjacks

    Footer

    ^ back to top

    About

    • Privacy Policy & Disclosures

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • Contact

    As an Amazon Associate I earn from qualifying purchases.

    Copyright © 2017- 2026 Jo's Kitchen Larder | All Rights Reserved

    • Facebook
    • X
    • Pinterest
    • Reddit
    • Flipboard
    • Email
    • WhatsApp

    Rate This Recipe

    Your vote:




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