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

With Love Kitty

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

    Modified: Aug 31, 2022 by Cat Spiller · This post may contain affiliate links · Leave a Comment

    Vanilla and Chocolate Cupcakes

    8 shares
    • Facebook
    • Twitter
    • Email
    Jump to Recipe Print Recipe

    These cupcakes are the best of both, moist chocolate cupcakes swirled with a fluffy vanilla frosting. You have to try this recipe for Vanilla and Chocolate Cupcakes!

    Vanilla and Chocolate Cupcakes with sprinkles, shown on a counter top.

    This is the best chocolate cupcake recipe to make for bake sales, a birthday party, or office celebrations!

    I love sharing cupcake recipes, so if you're in the mood for baking have a look at these Mocha Cupcakes or this Classic Vanilla Cupcake Recipe.

    If you are looking for other chocolate recipes try these Chocolate Cupcakes with Chocolate Buttercream Frosting or this Chocolate Cake with Cream Cheese Frosting.

    Jump to:
    • Ingredients
    • Instructions for chocolate cupcakes
    • Instructions for vanilla buttercream
    • Substitutions
    • Equipment
    • Storage
    • Top tip
    • 📖 Recipe
    • FAQ

    Ingredients

    You will need the ingredient list below to make these chocolate and vanilla cupcakes. Be sure you are using fresh room temperature ingredients.

    • Sunflower oil
    • Extra-large eggs
    • Granulated white sugar
    • Self-raising flour
    • Unsweetened cocoa powder
    • Salt
    • Whole milk
    • Strong brewed coffee
    • Pure vanilla extract
    • Unsalted butter
    • Icing sugar
    • Sprinkles, optional

    Sunflower oil - sunflower oil is a type of vegetable oil and is great to use in bakes as a substitute for butter. It ensures light and moist cupcakes. All vegetable oils have different properties and therefore taste, so be used to pick sunflower oil when making this cupcake batter.

    Self-raising flour - if you don't have self-raising flour, you can make your own. Sift together one tablespoon of baking powder and 250g of cake flour.

    Cocoa powder - choose an unsweetened quality cocoa powder for this recipe.

    See the recipe card for quantities.

    Instructions for chocolate cupcakes

    Follow the method below to make the perfect chocolate cupcakes.

    Process photos for how to make moist chocolate cupcakes.
    Process photos for how to make moist chocolate cupcakes.

    STEP 1: Beat oil, eggs, and sugar. Add the eggs, sugar, and oil to a bowl of an electric mixer fitted with a whisk attachment and beat at medium-high speed until well combined-about 2 minutes.

    STEP 2: Add the dry ingredients. Sift together the flour, cocoa powder, and salt. Add the dry ingredients to the egg mixture, and beat at medium speed until just combined. The mixture will be thick.

    STEP 3: Add the wet ingredients. In a jug mix together the milk, brewed coffee, and vanilla. Slowly pour this into the egg and flour mixture, with the mixer's motor running at low speed. Continually scrape down the sides of the bowl while mixing to ensure a lump-free cupcake batter.

    STEP 4: Fill and Bake. Fill each cupcake liner with chocolate batter, about ¾ of the way up the paper. Bake in a preheated oven at 180C (350F) for about 12 - 15 minutes or until a toothpick inserted into the cupcake comes out clean. Cool on a wire rack.

    Instructions for vanilla buttercream

    Follow the method below to make fluffy vanilla buttercream.

    STEP 1: Beat butter and icing sugar. In a bowl of a stand mixer fitted with a paddle attachment, add the butter and icing sugar. Beat until the mixture looks like fine sand.

    STEP 2: Add vanilla and milk. Combine the milk and vanilla extract, and with the mixer running at a low speed, add this to the icing sugar mixture one tablespoon at a time.

    STEP 3: Beat. Once all of the milk has been added, scrape down the sides of the bowl and beat at medium-high speed until light and fluffy. Use to decorate cupcakes.

    Hint: for fluffy buttercream frosting, always use room temperature butter, and once all of the ingredients are added, be sure to beat the frosting at medium-high speed for at least 5 minutes.

    Process photos for how to make moist chocolate cupcakes.
    Process photos for how to make vanilla buttercream.

    Substitutions

    If you are looking for an egg-free cupcake recipe, try this recipe for Eggless Chocolate Cupcakes.

    Vanilla and Chocolate Cupcake shown with a bite taken out of it.

    Equipment

    For these chocolate and vanilla cupcakes, you will need 2x 12-hole cupcake trays or muffin tins, 24 cupcake liners, and a stand mixer. A disposable piping bag and decorating nozzle are optional.

    Storage

    Cupcakes cool quickly so try to frost them the same day that they are baked. This helps prevent them from drying out. If you don't have time to decorate the cupcakes the same day as baking them, store them in an airtight container or cover the cupcake trays in plastic wrap until the next day.

    Once the cupcakes are frosted keep them in an airtight container at room temperature for about 3 days out of direct sunlight. If the weather is particularly hot, choose to store them in the fridge and bring them to room temperature before eating them.

    Vanilla and Chocolate Cupcakes shown on a kitchen counter.

    Top tip

    • Use room temperature eggs, butter, and milk
    • Test the true temperature of your oven with a thermometer before baking
    • Take notes of how long it took to bake the cupcakes in your oven
    • Make use of the toothpick test to test whether or not the cupcakes are done baking
    • Continually scrape down the sides of the bowl when beating the cupcake batter and the vanilla frosting
    • Make sure the frosting is fluffy before decorating

    If you are looking for more cupcake tips to help you bake the perfect cupcake, have a look at this post - 9 Cupcake Baking Tips You Need to Know.

    I would love for you to let me know what you thought of this easy recipe in the comments below and leave a star rating!

    Happy Baking

    With Love,

    Kitty

    📖 Recipe

    Vanilla and Chocolate Cupcakes

    Vanilla and Chocolate Cupcakes

    Cat Spiller
    This recipe is for moist chocolate cupcakes swirled with fluffy vanilla buttercream, the best of both!
    No ratings yet
    Print Recipe Pin Recipe
    Prep Time 40 minutes mins
    Cook Time 12 minutes mins
    Course Cupcakes
    Cuisine American
    Servings 24 cupcakes

    Equipment

    • 2x 12-hole cupcake pans

    Ingredients
      

    Chocolate Cupcakes

    • 3 extra-large eggs
    • 120 ml sunflower oil
    • 250 grams granulated white sugar
    • 250 grams self-raising flour
    • 50 grams cocoa powder
    • ½ teaspoon salt
    • 200 ml milk
    • 100 ml strong brewed coffee
    • 1 tsp vanilla extract

    Vanilla Buttercream Frosting

    • 500 grams icing sugar
    • 160 grams unsalted butter
    • 1 teaspoon vanilla extract
    • 45 ml milk

    Instructions
     

    Chocolate Cupcakes

    • Preheat the oven to 180°C (350°F) and line 2 cupcake trays with 24 cupcake papers.
    • Add the eggs, sugar, and oil to a bowl of an electric mixer fitted with a whisk attachment and beat at medium-high speed until well combined-about 2 minutes.
    • Sift together the flour, cocoa powder, and salt. Add the dry ingredients to the egg mixture, and beat at medium speed until just combined. The mixture will be thick.
    • In a jug mix together the milk, brewed coffee, and vanilla. Slowly pour this into the egg and flour mixture, with the mixer's motor running at low speed. Continually scrape down the sides of the bowl while mixing to ensure a lump-free cupcake batter.
    • Fill each cupcake liner with chocolate batter, about ¾ of the way up the paper. Bake in a preheated oven at 180°C (350°F) for about 12 - 15 minutes or until a toothpick inserted into the cupcake comes out clean. Cool on a wire rack.

    Vanilla Buttercream Frosting

    • In a bowl of a stand mixer fitted with a paddle attachment, add the butter and icing sugar. Beat until the mixture looks like fine sand.
    • Combine the milk and vanilla extract, and with the mixer running add this to the icing sugar mixture one tablespoon at a time.
    • Once all of the milk has been added, scrape down the sides of the bowl and beat at medium-high speed until light and fluffy. About 5 to 10 minutes.
    • Fill a piping bag with the buttercream and decorate the cooled cupcakes, enjoy!
    Tried this recipe?Let us know how it was!

    FAQ

    What's the secret to moist cupcakes?

    I find that using oil instead of butter in cupcake batter recipes helps ensure a moist and soft cupcake. Also, never leave cupcakes uncovered as they will dry out.

    What temperature do you bake cupcakes at?

    Cupcakes are usually baked at 180C (350F) but it is important to check the true temperature of your oven with an oven thermometer. Often what is on the dial and what the actual temperature is, differs. Cupcakes are small and bake quickly so make sure you know what temperature your oven is set to.

    More Uncategorized

    • Image shows a pile of muffins on a plate, there is a blue coffee cup in the background.
      Cheese and Bacon Muffins

    Join the List

    Reader Interactions

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    Cat the blogger behind With Love Kitty

    Hi, I'm Kitty - the face behind the cupcakes! With Love Kitty is where I share baking recipes and kitchen tips to help you be a better home baker.

    More about me →

    Popular Recipes

    • Peppermint crisp tart shown from above.
      South African Desserts
    • Condensed Milk Truffles shown in a white bowl with small white flowers.
      Condensed Milk Chocolate Truffles 
    • Mini meringues shown on a cake next to raspberries.
      The Perfect Mini Meringues
    • Passion fruit buttercream shown up close and swirled. It has been drizzled with extra passionfruit pulp.
      Passion Fruit Buttercream 
    • Dulce de Leche Frosting shown swirled on a flat surface.
      Dulce de Leche Frosting
    • South African Pancakes with Cinnamon Sugar shown stacked on a plate with honey being drizzled over them.
      South African Pancakes with Cinnamon Sugar

    Halloween Baking

    • Mini ghost meringues shown on a kitchen counter with sprinkles.
      Ghost Meringues 
    • Pecan Pie Cupcakes shown on a white plate on a kitchen counter.
      Pecan Pie Cupcakes 
    • Pumpkin Carrot Cake
      Pumpkin Carrot Cake
    • Pumpkin Halloween Cupcakes
      Pumpkin Halloween Cupcakes
    • Pumpkin Bread with Cream Cheese Frosting
      Pumpkin Bread with Cream Cheese Frosting
    • Black Velvet Cupcakes
      Black Velvet Cupcakes

    Footer

    ↑ back to top

    About

    • Privacy Policy
    • Disclaimer
    • Terms & Conditions

    Newsletter

    • Sign Up

    Contact

    • Contact

    Copyright © 2025 With Love Kitty

    Rate This Recipe

    Your vote:




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