Homemade Chocolate and Vanilla Swirl Cupcakes with Buttercream

By Jason Griffith · March 9, 2026

Chocolate Vanilla Swirl Cupcakes with Creamy Frosting

If you love the combination of rich chocolate and classic vanilla, these Chocolate Vanilla Swirl Cupcakes are the perfect dessert. Each cupcake features a beautiful marble swirl of chocolate and vanilla batter, baked into a soft, fluffy treat and topped with creamy buttercream frosting.

The finishing touch is a smooth chocolate drizzle that adds extra indulgence and a bakery-style presentation. These cupcakes are perfect for birthdays, celebrations, bake sales, or simply when you’re craving a sweet homemade treat.

Best of all, this recipe uses simple pantry ingredients and comes together in about 40 minutes, making it a great option for beginner and experienced bakers alike.


Why I Love This Recipe

These cupcakes are a fun twist on classic vanilla cupcakes and always impress with their marble look.

Here’s why they’re a favorite:

  • Beautiful chocolate and vanilla swirl pattern
  • Soft, fluffy cupcake texture
  • Rich and creamy buttercream frosting
  • Elegant chocolate drizzle finish
  • Perfect for parties, holidays, and celebrations

They’re also wonderful alongside comforting baked treats like Moist 1-Bowl Banana Bread – The Easy Recipe That Never Fails when creating a dessert table.

Chocolate Vanilla Swirl Cupcakes with Creamy Frosting

Chocolate Vanilla Swirl Cupcakes with Creamy Frosting

Soft chocolate and vanilla marble cupcakes topped with fluffy buttercream frosting and a rich chocolate drizzle.

Prep: 20 min | Cook: 20 min | Total: 40 min

Servings: 12 cupcakes

Ingredients

  • 1 1/2 cups all-purpose flour
  • 1 cup granulated sugar
  • 1/2 cup unsalted butter, softened
  • 2 large eggs
  • 1 cup milk
  • 1 tsp vanilla extract
  • 1 1/2 tsp baking powder
  • 1/2 tsp baking soda
  • 1/4 tsp salt
  • 3 tbsp cocoa powder
  • 1 cup unsalted butter, softened (for frosting)
  • 3 cups powdered sugar
  • 2 tbsp heavy cream or milk
  • 1 tsp vanilla extract (for frosting)
  • 1/2 cup dark chocolate chips
  • 2 tbsp heavy cream (for drizzle)

Instructions

  1. Preheat oven to 350°F (175°C) and line a muffin tin with cupcake liners.
  2. In a bowl, whisk together flour, baking powder, baking soda, and salt.
  3. In another bowl, beat butter and sugar until creamy. Add eggs one at a time and mix in vanilla extract.
  4. Add the dry ingredients alternately with milk, mixing until the batter is smooth.
  5. Divide the batter into two bowls. Leave one plain and mix cocoa powder into the other.
  6. Spoon vanilla batter into cupcake liners, add chocolate batter on top, and swirl gently with a toothpick.
  7. Bake for 18-20 minutes or until a toothpick inserted in the center comes out clean. Let cool completely.
  8. Beat butter for the frosting until fluffy. Gradually mix in powdered sugar, cream, and vanilla until smooth.
  9. Pipe frosting onto cooled cupcakes.
  10. Melt chocolate chips with heavy cream until smooth and drizzle over the frosted cupcakes.

Nutrition

  • Calories: 410 calories
  • Fat: 21 g
  • Carbs: 52 g
  • Protein: 5 g

Rate This Recipe

Average Rating: 0 (0 votes)

Facebook Pinterest

Ingredients

To make 12 cupcakes, you’ll need:

Cupcakes

  • 1 1/2 cups all-purpose flour
  • 1 cup granulated sugar
  • 1/2 cup unsalted butter, softened
  • 2 large eggs
  • 1 cup milk
  • 1 tsp vanilla extract
  • 1 1/2 tsp baking powder
  • 1/2 tsp baking soda
  • 1/4 tsp salt
  • 3 tbsp cocoa powder

Buttercream Frosting

  • 1 cup unsalted butter, softened
  • 3 cups powdered sugar
  • 2 tbsp heavy cream or milk
  • 1 tsp vanilla extract

Chocolate Drizzle

  • 1/2 cup dark chocolate chips
  • 2 tbsp heavy cream

Ingredient Notes and Substitutions

This cupcake recipe is easy to customize.

Cocoa Powder

  • Unsweetened cocoa powder provides rich chocolate flavor
  • Dutch-process cocoa gives a deeper color

Milk

  • Whole milk produces the softest cupcakes
  • Almond or oat milk can also work

Chocolate Drizzle

  • Semi-sweet chocolate chips work just as well as dark chocolate

How to Make Chocolate Vanilla Swirl Cupcakes

Step 1: Preheat the Oven

Preheat your oven to 350°F (175°C) and line a muffin tin with cupcake liners.

Step 2: Mix the Dry Ingredients

In a bowl, whisk together:

  • Flour
  • Baking powder
  • Baking soda
  • Salt

Step 3: Cream Butter and Sugar

In another bowl, beat together the butter and sugar until light and creamy.

Add the eggs one at a time and mix in the vanilla extract.

Step 4: Combine Wet and Dry Ingredients

Add the dry ingredients alternately with milk, mixing until the batter becomes smooth.

Step 5: Make the Chocolate Batter

Divide the batter into two bowls.

Leave one plain and mix cocoa powder into the other bowl.

Step 6: Fill the Cupcake Liners

Spoon vanilla batter into each cupcake liner.

Add chocolate batter on top and gently swirl with a toothpick to create a marble effect.

Step 7: Bake

Bake for 18–20 minutes, or until a toothpick inserted in the center comes out clean.

Allow the cupcakes to cool completely.

Step 8: Prepare the Buttercream

Beat the butter until fluffy.

Gradually add powdered sugar, heavy cream, and vanilla extract until the frosting is smooth and creamy.

Step 9: Frost the Cupcakes

Pipe or spread the buttercream onto the cooled cupcakes.

Step 10: Add Chocolate Drizzle

Melt the chocolate chips with heavy cream until smooth.

Drizzle over the frosted cupcakes.


Tips for Perfect Marble Cupcakes

These simple tips will help you get the best results.

Don’t over-swirl the batter

A few gentle swirls create the best marble pattern.

Use room temperature ingredients

Butter, eggs, and milk blend more smoothly.

Cool completely before frosting

Warm cupcakes can melt the buttercream.

Use a piping bag for frosting

This creates a professional bakery-style look.


Serving Suggestions and Pairings

These cupcakes are perfect for dessert tables and brunch gatherings.

Serve them with:

For a balanced breakfast or brunch menu, include something nutritious like The Ultimate Overnight Oats Guide – 1 Base Recipe, 6 Easy Flavors.


Nutritional Information (Per Cupcake)

Approximate values:

  • Calories: 410
  • Fat: 21 g
  • Carbohydrates: 52 g
  • Protein: 5 g

Values may vary depending on ingredient brands used.


Storage Tips

These cupcakes store well and can be made ahead.

Room Temperature

Store in an airtight container for up to 2 days.

Refrigerator

Refrigerate for up to 5 days.

Freezer

Freeze unfrosted cupcakes for up to 2 months.


More Recipes You’ll Love

If you enjoy homemade baked treats, try these recipes next:


Final Thoughts

These Chocolate Vanilla Swirl Cupcakes with Creamy Frosting are a beautiful and delicious dessert that combines two classic flavors into one irresistible treat. The marble swirl makes each cupcake unique, while the creamy buttercream and chocolate drizzle add the perfect finishing touch.

Whether you’re baking for a special celebration or simply enjoying a sweet homemade dessert, these cupcakes are guaranteed to impress.

If you try this recipe, feel free to experiment with different frosting flavors or decorations—and share your favorite cupcake creations. Happy baking! 🧁🍫