This post may contain affiliate links. For more information, read my disclosure policy.

These adorable Rainbow Cupcakes never fail to please! They start with cake mix so they’re super easy with layers of vibrant colors and homemade marshmallow frosting. Plus, I’m showing you how to top a rainbow cupcake four different ways.

st. patrick's day cupcakes that is a rainbow cupcake with bite missing, fluffy white frosting.

I am IN LOVE WITH RAINBOWS! I have been for years, even before they became so popular in recent years. Around my 35th birthday I declared that my 40th would be a rainbow party – and it was! My office is even decorated with unicorns, rainbows and, of course, lots of sprinkles! I have been making this rainbow cupcake recipe for years and they always bring a smile to everyone’s faces.

These Rainbow Cupcakes are the perfect bright and festive treat for birthdays, St. Patrick’s Day, or any celebration! By using a white cake mix shortcut and a few simple tricks, you can create gorgeous, multi-colored layers that look like they came from a professional bakery. Topped with a fluffy marshmallow buttercream, these are as delicious as they are colorful.

How to Layer Rainbow Cupcakes

The trick to getting distinct rainbow layers is all in the technique. Instead of swirling the colors, you simply drop small spoonfuls of each tinted batter directly on top of each other. Because we use a thick, doctored-up cake mix, the layers stay separated during baking, giving you that perfect rainbow cross-section every time you take a bite.

rainbow cupcake with white frosting and sprinkles, cupcake wrapper is open showing the vibrant rainbow layers.

Ingredients for Vibrant Cupcakes

  • White Cake Mix is a must, and you must use the egg-white directions on the box. You want your batter to stay white so that the colors pop. If using regular eggs or a yellow cake mix, the colors will mix and muddy. I do this same thing for my tie dye cake.
  • Gel Food Coloring is SUPER important in this recipe to get the most vibrant colors. Water-based food coloring works, but the colors will not be as bright (and red may look pink).
  • Marshmallow Cream – Also called marshmallow creme or fluff, this is added to my vanilla buttercream for a fluffy sweet cloud-like frosting on top.

Click to see the recipe card below for full ingredients & instructions. See below the recipe card for even more information: process shots, variations, FAQ and more.

Homemade Marshmallow Frosting

Once your cupcakes are cooled, they are ready for decorating. You could use vanilla buttercream or cream cheese frosting but I love marshmallow frosting for these because it looks like a cloud.

Marshmallow Buttercream is sweet and fluffy and not as thick as a regular buttercream. It’s delicious and so pretty with the colorful cupcakes.

rainbow cupcake with white frosting and rainbow fruit rope on top.

How to decorate Rainbow Cupcakes

What I love about these cupcakes is that there are several different ways to decorate them. These are my favorite rainbow cupcake toppers, but feel free to experiment!

  1. Plain: For a simple decoration just top them with the marshmallow frosting – totally cute that way!
  2. Sprinkles: Or, add some rainbow sprinkles to dress them up a little. So easy.
  3. Rainbows: You can also top the frosting with an Airhead Extreme which is a chewy candy rainbow. Just lightly press one end into the surface of the cupcake, bend it into an arch and secure the other end in the cupcake so it looks like a little rainbow.
  4. Mini cupcakes: You can create a mini “cupcake” decoration by topping the frosting with a mini white chocolate peanut butter cup. Add a dollop of frosting on top with some sprinkles.

SAVE THIS RECIPE

We'll email this post to you, so you can come back to it later!

rainbow cupcake with white frosting and white Reese's on top

Dorothy’s Expert Tips for bright colors

  • For the cupcake base you’ll need a boxe of white cake mix. Normally cake mixes make about 18-24 cupcakes but with all of the coloring and transferring of dishes, these make about 12-14.
  • TIP: use a ziplock bag when filling the cupcake pans! Add one color to each bowl and stir until the color is evenly distributed in the batter. To make it easy to create the cupcake layers, transfer each batter to its own Ziploc bag and snip off one corner so you can squeeze the batter through it.
  • Turn these into double the rainbow with my rainbow buttercream!
rainbow cupcake with white frosting and sprinkles.

Rainbow Cupcakes Recipe

5 from 6 votes
These are my favorite EASY Rainbow Cupcakes! Start with a box mix for the cupcake but make a homemade marshmallow buttercream frosting and FOUR different ideas for topping!

Recipe Video

Prep Time 30 minutes
Cook Time 20 minutes
Total Time 50 minutes
Yield 12 cupcakes
Serving Size 1 cupcake

Ingredients
 

For the Rainbow Cupcakes

  • 1 15 ounce box white cake mix , prepared with eggs, oil, and water called for on the box
  • Food coloring (red, orange, yellow, green, blue, purple (gel food coloring works best for vibrant colors)

Marshmallow Buttercream

  • ½ cup (113g) unsalted butter softened
  • 1 7 ounce jar (198g) marshmallow creme
  • 1 ½ cups (170g) powdered sugar
  • 1 teaspoon vanilla
  • Pinch salt

For the Cupcake Toppers

  • 24 white chocolate Reese's Peanut Butter Cups or
  • 12 Airheads Extremes cut in half, or
  • rainbow sprinkles

Instructions

Make the Cupcakes

  • Mix the cake batter according to the recipe or box directions. Line your muffin tins with cupcake liners.
  • Divide your batter evenly among six bowls. Add food coloring to each bowl, one for each color of the rainbow (red, orange, yellow, green, blue, purple). Stir to combine.
  • You are going to layer the cupcakes into the liners in a reverse rainbow, so the purple is on the bottom and the red is on the top. To make this easier to do, place each color in a separate quart-sized Ziploc bag. Seal the bag almost all the way, leaving about 1/2″ open for air to escape. Snip off a tiny corner and place a small amount in each cupcake liner, starting with purple (use just enough to cover the bottom of the liner). Repeat with the remaining colors in this order: blue, green, yellow, orange, red.
  • Bake according to box directions. Let cool completely.

Make the frosting

  • Beat butter and marshmallow creme together until smooth, then mix in powdered sugar, vanilla and salt. Frost cupcakes as desired (I like using a 1M tip).

Topping the cupcakes

  • Leave plain with the frosting.
  • Add rainbow sprinkles.
  • Place an Airhead Extreme in a rainbow arch on top.
  • Place a white chocolate peanut butter cup on top, frost it with frosting and sprinkle with sprinkles (like it's a mini cupcake ton top).
  • Store cupcakes in refrigerator to set frosting (it's a bit fluffy and will collapse if it's not set).
Save this recipe!
Get this recipe emailed to you – plus get all recipes sent straight to your email!

Recipe Notes

  • For the cupcake base you’ll need a boxe of white cake mix. Normally cake mixes make about 18-24 cupcakes but with all of the coloring and transferring of dishes, these make about 12-14.
  • Storing: you can store the frosted cupcakes loosely covered until ready to eat. No need to chill them unless you’ve made them a day before.
  • Freezing: you can freeze the unfrosted cupcakes and the frosting separately. Let thaw before frosting.
  • TIP: use a ziplock bag when filling the cupcake pans! Add one color to each bowl and stir until the color is evenly distributed in the batter. To make it easy to create the cupcake layers, transfer each batter to its own Ziploc bag and snip off one corner so you can squeeze the batter through it.
  • Turn these into double the rainbow with my rainbow buttercream!

Recipe Nutrition

Serving: 1cupcake | Calories: 128kcal | Carbohydrates: 15g | Protein: 1g | Fat: 8g | Saturated Fat: 5g | Cholesterol: 20mg | Sodium: 2mg | Sugar: 15g | Vitamin A: 236IU | Calcium: 2mg
Nutritional information not guaranteed to be accurate
Course Dessert
Cuisine American

Storage and Freezing Cupcakes

  • Storing: you can store the frosted cupcakes loosely covered until ready to eat. No need to chill them unless you’ve made them a day before.
  • Freezing: you can freeze the unfrosted cupcakes and the frosting separately. Place both in an airtight container. Let thaw before frosting.

How to Make Rainbow Cupcakes Step-by-Step

  1. Just mix up the cupcake batter in a medium bowl following the instructions on the package.
  2. Once it’s made, divide the color batter evenly among six bowls.
  3. Once your batter is divided it’s time to create the colors. I like to use gel food coloring (I love Americolor brand) because the colors always turn out extra bright and pretty. For the gel coloring, you’ll need red, orange, yellow, green, blue, and purple.
  4. To create a rainbow, you will want to layer the colors in this order: Purple, Blue, Green, Yellow, Orange, and Red on top.
  5. Bake the cupcakes in a preheated oven until a toothpick comes out clean from the center. Cool them completely before you decorate them.

How to make Marshmallow Buttercream

  1. Cream room temperature butter with the marshmallow crème in a large bowl using an electric mixer or hand mixer.
  2. Add pure vanilla extract and a pinch of salt and powdered sugar and beat together.
  3. Transfer the frosting to a piping bag and pipe the it onto each cupcake so it looks like a puffy white cloud.

FAQs

Do I need to grease the liners for cupcakes?

No you don’t need to grease the cupcake liners for these.

How long do cupcakes take to bake?

Follow the directions for baking on the box mix. Make sure not to over bake them so the red layer stays red.

What is the best icing for rainbow cupcakes?

Something fluffy and white, which is why I love the marshmallow frosting!

How do I keep the colors from mixing?

Don’t stir the batter once it’s in the cupcake liners; just drop the colors in layers and let the oven do the rest.

What is the best food coloring for rainbows?

Gel food coloring is essential. It provides much more concentrated color than liquid drops without thinning out your batter.

Can I make these ahead of time?

Yes! You can bake the cupcakes a day in advance and frost them before serving, or freeze the frosted cupcakes for up to 3 months.

Why use marshmallow fluff in the frosting?

It gives the buttercream a unique, airy texture and a nostalgic toasted-marshmallow flavor that pairs perfectly with the simple white cake.

Favorite Rainbow Desserts

Dorothy Kern

Welcome to Crazy for Crust, where I share recipes that are sometimes crazy, often with a crust, and always served with a slice of life.

5 from 6 votes (5 ratings without comment)

Leave a Comment

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

Recipe Rating




14 Comments

  1. My family loved it, my nephew had 3 cupcakes in one day!! Everybody loved them they wanted more cupcakes.