Sweet Mouth Joy

  • Home
  • About
  • Bars & Slices
  • Breads & Muffins
  • Brownies & Blondies
  • Cakes
  • Cakesicles & Cake Pops
  • Cheesecakes
  • Cookies & Biscuits
  • Frostings & Decorations
  • Sauces & Condiments
  • Contact
  • Blog
menu icon
go to homepage
  • Summer Recipes
  • Recipes
  • About
  • Contact
  • Subscribe
subscribe
search icon
Homepage link
  • Summer Recipes
  • Recipes
  • About
  • Contact
  • Subscribe
×
  • Creme egg blondies square slices with cadbury's Easter mini creme eggs and milk chocolate chips.
    Creme Egg Blondies
  • Stack of mini egg blondies squares with cadbury's mini eggs and chocolate chips.
    Mini Egg Blondies
  • stack of baileys Irish cream fudge pieces with white chocolate chips and a bottle of baileys Irish cream liqueur.
    Bailey's White Chocolate Fudge
  • ube dessert recipes with ube cake, ube donuts, cheesecake and brownies.
    Best Ube Dessert Recipes
  • fudgy ube brownies squares with white chocolate chips.
    Ube Brownies
  • baileys blondies stacked with irish cream and white chocolate chips.
    Baileys Irish Cream Blondies
  • baileys irish cream white chocolate cheesecake with an oreo base.
    Bailey's White Chocolate No-Bake Cheesecake
  • bailey irish cream chocolate ganache in a bowl with baileys and baking chocolate.
    Baileys Irish Cream Ganache
  • best raspberry dessert recipes collection collage.
    Best Raspberry Dessert Recipes
  • best pink cake recipes ideas in a grid including strawberry cake, raspberry cake, cherry cake, pink drip cake.
    Best Pink Cake Ideas
  • homemade valentines day chocolates in a collage including baileys truffles, strawberry bouquet, bon bons, candies and bark.
    Best Homemade Valentine's Day Chocolates
  • baby pink frosting buttercream icing piped onto a pink buttercream cake.
    Pink Buttercream Frosting
Home » Cakes

Chocolate Cupcakes with Pink Frosting

Modified: Mar 20, 2023 · Published: Jan 28, 2023 by Kachina · This post may contain affiliate links · 2 Comments

↓ Jump to Recipe
↓ Jump to Video

The best easy chocolate cupcakes with pink frosting! These soft, moist chocolate cupcakes are topped with an easy pink buttercream - simple to make and tastes delicious!

rich chocolate cupcakes with piped pink buttercream frosting swirl topping.
Jump to:
  • ✏️ Recipe creation
  • 🥘 Ingredients
  • ♻️ Substitutions / Variations
  • 📖 Method
  • 🎥 Recipe video
  • 💭 Top tips
  • ❔ Recipe FAQs
  • 🧁 Other goodies
  • 📖 Recipe
  • 💬 Comments

✏️ Recipe creation

I wanted to create a cute pink cupcake that chocolate lovers could enjoy, making it great for girly kid's parties, pink-themed parties, baby showers, bridal showers, Valentine’s Day and more.

I love these chocolate sponge cupcakes, it’s based on the recipe I use for my chocolate Oreo drip cake and Disney Maleficent cupcakes – fan favourites!

These easy chocolate pink cupcakes are simple to make, using a basic chocolate sponge and an American-style buttercream with pink food colouring. It’s a chocolate and vanilla-flavoured dessert sure to go down a treat with a crowd!

🥘 Ingredients

chocolate cupcakes with pink frosting recipe ingredients in bowls with labels.

This pink chocolate cupcakes recipe calls for the following ingredients:

1. Chocolate cupcakes:

  • Vegetable oil: or other neutral flavoured oil.
  • Egg: large size, room temperature for ease of mixing.
  • Milk: full-fat or semi-skimmed for a creamier consistency.
  • Vanilla extract: use extract or paste over essence for best flavour.
  • White sugar: finely granulated such as caster sugar.
  • Plain all-purpose flour: sieve for a smooth cake batter.
  • Cocoa powder: unsweetened type for baking (not drinking) e.g. dutch-processed.
  • Baking powder: always check the expiry date before use or the cake won’t rise.
  • Hot coffee: fresh or instant coffee.

2. Pink buttercream:

  • Unsalted butter: room temperature for a softened butter that’s easier to beat.
  • Powdered icing sugar: sieve your confectioners’ sugar for a smooth frosting.
  • Vanilla extract: use extract or paste for best taste.
  • Milk: use full fat or semi-skimmed milk.
  • Salt (optional)
  • Pink food colouring: use a gel or paste to prevent adding too much moisture.

See the recipe card for quantities.

Top tip: For accuracy, it’s best to weigh your ingredients rather than using cups.

♻️ Substitutions / Variations

Ingredient substitutions

Instead of white sugar, you can use golden caster sugar or light brown soft sugar. This gives it a more caramel flavour.

You can swap the all-purpose plain flour for self-raising flour and reduce the baking powder to only ½ tsp.

You can use fresh hot coffee for this recipe, or 2 teaspoon instant coffee dissolved into 100ml (½ cup) hot water instead. Either caffeinated or decaf works great.

You can use whole, semi-skimmed or non-diary milk in the cupcake batter and buttercream. For the buttercream, this gives it a thinner, creamier consistency, so only add as much as needed, 1 tablespoon at a time.

For the pink icing, you can swap pink food colouring for a small amount of red colouring.

Flavour options

You can swap your pink vanilla frosting for another pink frosting like this raspberry puree buttercream or the pink strawberry buttercream used in my best strawberry vanilla cake recipe.

You can also change the chocolate cupcake for another type like vanilla sprinkles cupcakes or these soft lemon cupcakes.

chocolate cupcakes with piped pink buttercream frosting swirl topping and cocoa powder.

📖 Method

Chocolate cupcakes

recipe method steps for how to make chocolate cupcakes steps 1 to 4.

Preheat oven: 180°C / 160°C (fan) / Gas Mark 4 / 350°F

Step 1: In a mixing bowl, beat the egg, oil, vanilla, sugar and milk together until fully combined.

Step 2: In a separate bowl, sieve in the cocoa powder, flour and baking powder and whisk them together.

Step 3: Gradually pour the wet ingredients into the dry, stirring together as you pour until just combined. There may be a few small lumps left, but that’s ok.

Step 4: Slowly add in the hot coffee (fresh or instant), mixing as you pour until the liquid has only just combined.

recipe method steps for how to make chocolate cupcakes steps 5 to 6.

Step 5: Divide the mixture evenly between the cupcake cases in the muffin tin.

Step 6: Bake for 15-20mins until risen and springy to the touch. Allow the cupcakes to cool on a wire rack while you make the buttercream.

Pink buttercream

steps 1 to 4 for how to make buttercream recipe.

Step 1: Beat the butter (either by hand, using an electric mixer or stand mixer) until pale, light and fluffy. This could take several minutes.

Step 2: Sieve half of the icing sugar into the butter and beat until combined.

Steps 3 - 4: Repeat the above step with the remaining half of the icing sugar.

chocolate cupcakes with pink frosting recipe method assembly steps 5 to 6.

Step 5: Add in the milk, vanilla extract and salt, then mix until smooth. Stir in food colouring, a few drops at a time, until you get the desired colour.

Step 6: Once your cupcakes have fully cooled, add your buttercream to a piping bag fitted with a nozzle of your choice (e.g. large open star) and pipe large swirls onto each cupcake, then enjoy!

🎥 Recipe video

Check out the recipe video below for how to make the best chocolate cupcakes with pink frosting!

💭 Top tips

  • For soft and fluffy chocolate cupcakes, try not to overmix your cake batter once you’ve added the baking powder.
  • Your chocolate cupcakes are cooked once they’re risen and springy to touch. An inserted toothpick or skewer should also come out clean from the middle.
  • Use good quality sturdy baking cases or baking cups, as sometimes the cheap ones can peel over time due to the moisture in your moist chocolate cupcakes.
  • For creamy pink buttercream, beat your butter until it’s pale, light and fluffy first. This could take several minutes with an electric mixer.
  • Food colouring develops stronger over time, so stop adding your pink colouring a few shades before you get the intensity you want.
  • To decorate your chocolate cupcakes with pink icing, use a piping bag and your favourite tip to pipe big swirls on top of your chocolate cupcakes. I like to use a large open-star nozzle like a Wilton 1M for an easy but pretty finish.

❔ Recipe FAQs

How long do homemade chocolate pink cupcakes last?

Your chocolate pink cupcakes should last for up 4 days stored in an airtight container at room temperature. If it’s hot where you live, store your cupcakes in the fridge instead.

Can you freeze chocolate pink cupcakes?

Yes! You can freeze your frosted chocolate pink cupcakes in an airtight container or wrapped in cling film and then foil for up to 3 months. Defrost and enjoy!

Is cake flour the same as plain flour or self-raising flour?

No, cake flour is actually different to both plain flour and self-raising flour. It has a different composition and your cake will have a different consistency if you use it.

How do you get a specific shade of pink frosting?

For tips on how to get the exact shade of pink frosting, whether that’s baby pink, hot pink, dusty pink or more, check out my pink frosting recipe colour tips.

How do I make gluten-free chocolate cupcakes?

Swap the plain all-purpose flour for a gluten-free 1:1 blend. Check out this easy gluten-free chocolate cupcake recipe for more information.

moist chocolate cupcakes with piped pink buttercream frosting swirl topping.

🧁 Other goodies

Looking for some more easy desserts?

If you love easy cupcakes, perfect for birthday parties and special occasions, give these tasty treats a try:

  • Funfetti cupcakes
  • Lemon orange cupcakes
  • Raspberry vanilla cupcakes

For more great chocolate cupcake frosting ideas, check out these delicious cupcake toppings:

  • Boozy Baileys buttercream – add pink food colouring for a pink Baileys frosting!
  • Fresh lemon buttercream
  • Orange buttercream
  • Caramel buttercream with store-bought caramel

You can also take your chocolate cupcakes with pink icing to the next level by filling them with a few teaspoons of this delicious strawberry cupcake filling or this lemon curd cupcake filling.

Other Related Recipes:

  • halloween disney dusky pink and chocolate maleficent cupcake with edible black horns topper and dried rose petals scattered.
    Maleficent Cupcakes
  • open vanilla raspberry cupcake with a fresh raspberry on top
    Vanilla Raspberry Cupcakes
  • homemade raspberry buttercream piped onto a cupcake with fresh raspberries around it
    Raspberry Buttercream Frosting
  • pink strawberry vanilla layer cake with a slice taken out showing strawberry filling and strawberry frosting, topped with fresh strawberries
    Strawberry Vanilla Cake with Strawberry Filling

Looking forward to some new recipes? Check out my Youtube, Facebook, Instagram and Pinterest pages for a few sneak peeks and some sweet inspiration!

Or if you’d like to hear about our latest recipes, why not subscribe to our newsletter?

📖 Recipe

rich chocolate cupcakes with piped pink buttercream frosting swirl topping.

Chocolate Cupcakes with Pink Frosting

Kachina
Soft and fluffy chocolate cupcakes with an easy pink buttercream frosting.

Rate this recipe here:

5 from 3 votes
Print Recipe Pin Recipe
Prep Time 30 minutes mins
Cook Time 15 minutes mins
Total Time 45 minutes mins
Course Dessert, Snack
Cuisine Fusion
Servings 10 cupcakes

Equipment

  • Muffin tin
  • Cupcake liners / cases

Ingredients
 

Chocolate cupcakes

  • 1 egg
  • 65 ml (¼ cups) vegetable oil or other neutral oil e.g. sunflower
  • 125 ml (½ cups) milk
  • 1 teaspoon vanilla extract
  • 165 g (¾ cups) white sugar finely granulated e.g. caster
  • 140 g (1 cups) plain all-purpose flour
  • 45 g (4 tablespoon) unsweetened cocoa powder
  • 2 teaspoon baking powder
  • 75 ml (⅓ cups) hot coffee or 2tsp instant coffee dissolved in 75ml hot water

Pink buttercream

  • 150 g (⅔ cups) unsalted butter
  • 350 g (3 cups) powdered icing sugar
  • 1 teaspoon vanilla extract
  • 2 tablespoon milk
  • ⅛ teaspoon salt optional
  • Pink food colouring

Instructions
 

Chocolate cupcakes

  • Pre-heat oven: 180°C / 160°C (fan) / Gas Mark 4 / 350°F
  • In a mixing bowl, beat the egg, oil, vanilla, sugar and milk together until fully combined.
  • In a separate bowl, sieve in the cocoa powder, flour and baking powder and whisk them together.
  • Gradually pour the wet ingredients into the dry, stirring together as you pour until just combined. There may be a few small lumps left, but that’s ok.
  • Slowly add in the hot coffee (fresh or instant), mixing as you pour until the liquid has only just combined.
  • Divide the mixture evenly between the cupcake cases in the muffin tin and bake for 15-20mins until risen and springy to the touch. Allow the cupcakes to cool on a wire rack.

Pink buttercream

  • Beat the butter (either by hand, using an electric mixer or stand mixer) until pale, light and fluffy. This could take several minutes.
  • Sieve half of the icing sugar into the butter and beat until combined, then repeat this with the remaining half of icing sugar.
  • Add in the milk, vanilla extract and salt, then mix until smooth.
  • Stir in food colouring, a few drops at a time, until you get the desired colour.
  • Once your cupcakes have fully cooled, add your buttercream to a piping bag fitted with a nozzle of your choice (e.g. large open star) and pipe large swirls onto each cupcake, then enjoy!

Video

Notes

Storage: Keep chocolate pink cupcakes in an airtight container at room temp. for up to 4 days.
Freezing: You can freeze your chocolate pink cupcakes in an airtight container (or cling film plus foil) for up to 3 months.
Top tips:
  • Your cupcakes are cooked once they’re risen and springy to the touch. An inserted toothpick or skewer should also come out clean from the middle.
  • Use sturdy cupcake cases or baking cups so they don't peel with moisture.
Substitutions:
  • Swap your plain flour for self-raising flour and reduce the baking powder to only ½ tsp.
  • You can use fresh hot coffee or 2 teaspoon instant coffee dissolved into 100ml (½ cup) hot water. Either caffeinated or decaf works great.

Nutrition

Calories: 387kcal | Carbohydrates: 66g | Protein: 4g | Fat: 14g | Saturated Fat: 9g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 4g | Trans Fat: 0.5g | Cholesterol: 51mg | Sodium: 130mg | Potassium: 123mg | Fiber: 2g | Sugar: 52g | Vitamin A: 424IU | Calcium: 81mg | Iron: 1mg

Nutritional information is an estimate based on an online nutritional calculator, actual values may vary.

Tried this recipe?Mention @sweetmouthjoy or tag #sweetmouthjoy!

More Tasty Cakes & Cupcakes Recipes

  • baileys chocolate mud layer cake with baileys chocolate ganache frosting and filling.
    Baileys Chocolate Mud Cake
  • purple yam ube cake with four layers of ube sponge and an ube frosting and filling.
    Ube Cake
  • pink halloween cake with a purple ganache drip decorated with sprinkles and pink monsters.
    Pink Halloween Cake
  • lemon raspberry loaf pound cake sliced topped with lemon glaze and fresh raspberries
    Lemon Raspberry Loaf Cake

Comments

  1. Hatty says

    November 03, 2024 at 11:24 am

    5 stars
    I used this delicious bake in a sale to raise money for ‘Breast Cancer Now’ and they sold out!!! When me and my mum did a trial we fell in love!!!

    Reply
    • Kachina says

      November 13, 2024 at 7:03 am

      Oh that's amazing! Congrats on the successful charity bake sale and thanks for giving my recipe a try 😀

      Reply
5 from 3 votes (2 ratings without comment)

Leave a Reply Cancel reply

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

Recipe Rating




Kachina from Sweet Mouth Joy

Hi there! I'm Kachina, and I'm a smidge obsessed with baking. I love making all things sweet and I hope I can convince you to join in my addiction by sharing some of my favourite dessert recipes with you.

Happy baking!

More about me →

Spring Desserts

  • lemon raspberry loaf pound cake sliced topped with lemon glaze and fresh raspberries
    Lemon Raspberry Loaf Cake

  • strawberry cake filling sauce being spread onto a cake layer with a jar of strawberry filling behind
    Strawberry Cake Filling

  • orange buttercream being frosted onto a cupcake
    Orange Buttercream Frosting with Orange Extract

  • lemon white chocolate cake recipe
    Lemon White Chocolate Cake

See more Spring recipes →

Popular Recipes

  • matcha green tea cheesecake with matcha powder dusted on top and oreos in front with a bowl of matcha on the side
    Matcha Green Tea No-Bake Cheesecake

  • purple yam ube cake with four layers of ube sponge and an ube frosting and filling.
    Ube Cake

  • Pink Starbucks copycat vanilla birthday cake pops with white mini pearl sprinkles
    Starbucks Copycat Vanilla Cake Pops

  • baby pink frosting buttercream icing piped onto a pink buttercream cake.
    Pink Buttercream Frosting

See more Dessert recipes →

Footer

↑ back to top

About

  • About
  • Privacy Policy
  • Accessibility Policy

Newsletter

  • Sign Up! for emails and updates

Contact

  • Contact

As an Amazon Affiliate I earn from qualifying purchases.

Copyright © 2025 Sweet Mouth Joy

chocolate cupcakes with pink buttercream frosting.
chocolate cupcakes with easy pink buttercream frosting.
easy and delicious chocolate cupcakes with pink buttercream frosting.
chocolate cupcakes with pink buttercream frosting easy recipe.

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.