Rainbow Frosting for Cupcakes and Cakes

This post may contain affiliate links. Please see my disclosure policy for more information.

Like rainbow desserts? Then you will LOVE this colorful rainbow frosting for cakes and cupcakes! This decorating trick is GORGEOUS, and super easy to do. You can make this bright buttercream icing with your favorite frosting recipe in under 10 minutes!

Cupcake with swirled rainbow frosting and a rainbow piping bag next to it

🧁 Colorful Rainbow Icing

Is there anything better than a cupcake topped with a big, bold swirl of rainbow frosting? I’ve long been obsessed with bright colors and fun desserts, and rainbow-frosted cupcakes are the perfect marriage of the two!

The beauty of this rainbow icing technique is that it works for so many different events: kids and adult birthday parties, baby showers, spring and summer parties, St. Patrick’s Day and Pride events, and so many other occasions! It can be customized with any colors you’d like, and best of all, it looks complicated but is actually super easy to achieve. Here’s how you do it!

If you’re looking for more rainbow desserts, you’ll love my Rainbow Cake with Rainbow Frosting, Rainbow Mousse Cake, or Pastel Rainbow Gelatin Cups.

Three cupcakes with colorful rainbow frosting swirls

🧾 What You’ll Need

Here’s a short list of everything you’ll need to make rainbow-frosted cupcakes. (Shopping links are affiliate links)

Three cupcakes with colorful rainbow icing and a piping bag next to it

Make a Batch of Buttercream

The first step to making colorful rainbow icing is to prepare your base buttercream.  I’m sharing a delicious American buttercream frosting recipe in the recipe card down below, but you could also use Swiss Meringue Buttercream, my Easiest Swiss Meringue Buttercream, or a favorite recipe of your own. For this technique, you can use any white frosting recipe with a pipeable consistency. You’ll want about 8 cups of frosting to frost 20-24 cupcakes.

Avoid this mistake:
Don’t use canned frosting purchased at the store, because it is too soft to pipe well and won’t make the gorgeous cupcake swirls we’re looking for.

Three cupcakes with colorful rainbow icing swirls

What Food Coloring To Use

I strongly recommend using gel food coloring over the liquid food coloring you can buy in a grocery store. Gel colors are more concentrated, so you won’t have to use as much coloring to get a bright, vibrant color. (Bonus: you can hopefully avoid the “food coloring aftertaste” if you use good-quality gel colors!) 

I recommend Americolor brand food coloring, or the Wilton ColorRight system. Here are the colors I used in these photos (these are affiliate links):

📋 Instructions

Step 1: Color the Buttercream

The first thing to do is color the buttercream an assortment of rainbow colors (or whatever your color scheme is!)

Overhead shot of 6 bowls of Colorful Rainbow Frosting grouped on a brown background

Divide your white frosting equally between 6 bowls. No need to measure, eyeballing it is fine. Add a different color of gel food coloring to each bowl and stir well, adding more if necessary until you get a vibrant color.

Tip for red food coloring:

It is notoriously hard to get a bright red buttercream color! My best tips are to use a good-quality gel brand, and warm up a small amount (~2-3 TBSP) of buttercream in the microwave until warm but not hot. Mix a generous spoonful of red gel in with the warm buttercream, then mix THAT into the whole bowl. Starting with this small concentrated red portion helps the color disperse better throughout the batch. The color will also deepen as it sits, so if possible, mix up your red color the day before you need it so it has time to deepen.

Overhead shot of clear piping bags filled with colorful rainbow buttercream

Step 2: Put the Buttercream in Piping Bags

Place each color of frosting into its own piping bag, and snip a 1/2-inch opening in the end of each bag. (No piping bags? You can substitute a gallon-sized zip-top bag with a hole snipped in the corner, if you’d like.)

Hand piping stripes of colorful rainbow frosting on a piece of plastic wrap

Step 3: Start piping the colors

Lay out a piece of plastic wrap on your counter. Start by piping a long line of red food coloring on the plastic wrap. Leave a margin of a few inches from the sides and bottom of the wrap. Next, pipe the orange frosting right next to the red.

Six stripes of colorful rainbow frosting on plastic wrap

Step 4: Continue piping the colors

Continue to pipe the colors in a row on the plastic wrap. Depending on how thick you pipe them, you can either fit one line of each color on the wrap, or repeat the pattern and make 12 stripes. Just make sure you leave a margin and don’t go all the way to the edge of the plastic wrap.

Rolling up rainbow frosting in plastic wrap

Step 5: Roll up the plastic wrap

Now, fold the plastic wrap over lengthwise and roll the frosting into a cylinder. Grasp the ends of the plastic wrap in each hand, and twirl it quickly so the frosting is burrito-shaped and the ends of the plastic are tightly twisted.

Hands holding piping bag with rainbow frosting inside

Step 6: Place the rainbow frosting in a piping bag

Fit a piping bag with a large star tip – I like the size of Ateco #849. Snip off one of the plastic wrap “tails,” and insert the frosting cylinder into the piping bag, snipped-side down.

Two cupcakes with tall swirls of colorful rainbow frosting

Your piping bag is now ready to go! Give it a little squeeze, because sometimes it takes a minute for all of the colors to come out together.

You’re now ready to make rainbow swirls on your cakescupcakes, or other desserts! Please share pictures if you give it a try, and don’t miss these other fun rainbow desserts!

🌈 More Rainbow Desserts You’ll Love

Don’t miss the step-by-step tutorial showing how to make Rainbow Frosting Cupcakescheck out the web story here!

If you try this tutorial, please let me know! Leave a ⭐️⭐️⭐️⭐️⭐️ rating on the recipe below and leave a comment, take a photo and tag me on Instagram @elabau, or use #sugarhero on IG!

Two cupcakes with big swirls of rainbow frosting

Rainbow Frosting for Cupcakes and Cakes

5 from 11 votes
Like rainbow desserts? Then you will LOVE this colorful rainbow frosting for cakes and cupcakes! This decorating trick is gorgeous, and super easy to do. You can make this bright buttercream icing with your favorite frosting recipe in under 10 minutes.
This recipe makes enough to frost 18 cupcakes with large swirls, or 24-28 cupcakes with small single-layer swirls.
Prep Time 30 mins
Total Time 30 mins
Yield 18 cupcakes
Calories 377 kcal

Ingredients
 

  • 4 TBSP milk, at room temperature
  • 1 TBSP vanilla extract, or other flavoring
  • ½ tsp salt
  • 8 oz unsalted butter, at room temperature
  • 8 oz shortening, can replace with equal amount butter if desired
  • 28 oz powdered sugar, sifted (7 cups)
  • Gel food coloring in rainbow colors, I recommend Americolor
CUSTOMIZE: 18 cupcakes

Instructions
 

  • Combine the milk, vanilla extract, and salt in a small bowl, and stir them together to dissolve the salt and set aside.
  • Place the butter in a stand mixer fitted with a paddle attachment. Mix for 2 minutes on medium speed, until the butter is lighter in color and creamy. Scrape the bottom and sides of the bowl.
  • Add the shortening and the milk mixture, and use a splatter guard over your bowl or place a towel over the top of the mixer to prevent splatters. Run the mixer on low until the liquid starts to incorporate, then turn it to medium until everything is well-mixed and smooth (20-30 seconds). Scrape down the bowl again.
  • Keep the towel over the mixer, leaving only a small opening in front, turn the mixer to low, and add the sugar to the bowl in a steady stream. Once all of the sugar is incorporated, scrape down the bottom and sides of the bowl, and turn the mixer to medium-low for 30 seconds to mix the frosting well.
  • Divide the frosting equally between 6 bowls. Add a different color of gel food coloring to each bowl and stir well, adding more if necessary until you get a vibrant color. Place each color of frosting into its own piping bag, and snip a 1/2-inch opening in the end of each bag.
  • Lay out a piece of plastic wrap about 16 inches long. Start by piping a long line of red food coloring on the plastic wrap. Leave a margin of a few inches from the sides and bottom of the wrap.
  • Next, pipe the orange frosting right next to the red, and continue to pipe each color in a line. Depending on how thick you pipe them, you can either fit one line of each color on the wrap, or repeat the pattern and make 12 stripes. Just make sure you leave a margin and don't go all the way to the edge of the plastic wrap. (If you have extra colors left over, you can do this a second time to make another rainbow piping bag.)
  • Now, fold the plastic wrap over lengthwise and roll the frosting into a cylinder. Grasp the ends of the plastic wrap in each hand, and twirl it quickly so the frosting is burrito-shaped and the ends of the plastic are tightly twisted.
  • Fit a piping bag with a large star tip. Snip off one of the plastic wrap “tails," and insert the frosting cylinder into the piping bag, snipped-side down.
  • Squeeze the bag for a moment until all of the colors come out together, then your rainbow piping bag is ready! This recipe makes enough to frost 18 cupcakes with large swirls, or 24-28 cupcakes with small single-layer swirls.

Video

MEASURING TIPS

Our recipes are developed using weight measurements, and we highly recommend using a kitchen scale for baking whenever possible. However, if you prefer to use cups, volume measurements are provided as well. PLEASE NOTE: the adage “8 oz = 1 cup” is NOT true when speaking about weight, so don’t be concerned if the measurements don’t fit this formula.

Click here to learn more about baking measurements and conversion.

Nutrition

Calories: 377 kcal | Carbohydrates: 44 g | Protein: 1 g | Fat: 23 g | Saturated Fat: 10 g | Trans Fat: 2 g | Cholesterol: 27 mg | Sodium: 69 mg | Potassium: 10 mg | Sugar: 43 g | Vitamin A: 321 IU | Calcium: 8 mg | Iron: 1 mg
Share by Text Share on Facebook Share on Pinterest
Colorful Rainbow Cupcake Frosting picture with text overlay for Pinterest
What You'll Need
Editor's Note

This post may contain Amazon affiliate links. We are a participant in the Amazon Services LLC Associates Program, which is an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com.  For more information, see my Disclaimer and Disclosure Policy.

More Rainbow Desserts!

Leave a Review

Your comment will be visible after approval. Your email address will not be published.

Rate This Recipe!




What type of comment do you have?

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

Comments

  • Noelle wrote:
    • Elizabeth LaBau wrote:
  • Dannii wrote:
  • Alison wrote:
  • Farah Maizar wrote:
    • Elizabeth LaBau wrote:
  • Anita wrote:
  • Heather wrote:
  • Raini Cacy wrote:
  • Julie Menghini wrote:
    • Elizabeth LaBau wrote:
  • Lima Ekram wrote:
    • Elizabeth LaBau wrote:
  • Biana wrote:
    • Elizabeth LaBau wrote:
  • Jacqueline Meldrum wrote:
    • Elizabeth LaBau wrote:
  • Sara Welch wrote:
    • Elizabeth LaBau wrote: