• Cake
  • Frosting
  • YouTube
  • My Favorite Tools
  • Nav Social Icons

  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Recipes
    • Cake
    • Cupcakes
    • Frosting
    • Ice Cream
    • Vegan
  • Cake Basics
  • Tutorials
  • Blog
  • About
  • Mobile Menu Widgets

    Connect

    Search

Sugar & Sparrow logo in script font

Sugar & Sparrow

Lifestyle and Cake from Portland Oregon

  • Cake Basics
  • Recipes
    • Cake
    • Cupcakes
    • Cookies & Bars
    • Filling
    • Frosting
    • Ice Cream
    • No-Bake
    • Small Batch
    • Vegan
  • Tutorials
  • Book
  • Blog
  • About

A Guide to Coloring Buttercream Frosting

September 10, 2020 · In: Cake Basics, Featured, Tutorials

I think one of the coolest things about cake is how artistic it can be, and a big part of that comes from the freedom to create any buttercream color you could possibly imagine! In fact, when planning out my cakes I love to nerd out on the color palette and get a real thrill when the colors turn out exactly how I pictured. As with anything, getting my buttercream shades just right has come with tons of practice and finding products I love to help make it happen. 

colorful buttercream cake by sugar and sparrow

I’m excited to share everything I know about coloring buttercream with you, especially because how I achieve buttercream colors has been one of my most frequently asked questions over the years. I’ve got all the info you need below, but first, here’s a video to walk you through all of the products I love and helpful tips for getting those colors spot on: 

Want to see more Cake Basics videos like this one? Head to my YouTube Channel to see the growing collection. You’ll also find tons of cake recipes and decorating videos there to inspire you and broaden your skill set – be sure to hit the subscribe button so you never miss a new one!

My Favorite Products:

Although I definitely started out with those liquidy primary food colors you can get in the baking aisle of any grocery store, over the years I’ve learned that using gel-based food colors make a world of difference. Here are the ones I have come to depend on and will be taking about throughout this post:

Americolor Soft Gel Paste Kits: these water-based gels are the best there is (in my opinion). They’re super concentrated, so you don’t need to use a whole lot to get rich colors. They also don’t affect the taste or consistency of your buttercream, and they come in pretty much every color you could imagine – you won’t ever have to worry about mixing custom colors. 

Americolor Heavenly Seventy Kit

If you’re serious about your buttercream color palettes, I highly recommend getting either the Nifty Fifty Kit or Heavenly Seventy Kit. Like the names suggest, the Nifty Fifty comes with 50 gel colors and the Heavenly Seventy comes with 70 gel colors. Of course, you can purchase any Americolor gel on its own (they come in a few different sized bottles), but it’s always ideal and inspiring to have an entire kit full of color gels on hand. 

Americolor Bright White: whether I want my buttercream to be extra white for frosting a cake or I need to whiten it before adding color (we’ll get to the importance of that below), my favorite icing whitener is hands-down Americolor Bright White. If you’ve ever struggled with buttercream that is too yellow for your liking, I recommend keeping a big bottle of this on hand. 

how to whiten icing with americolor bright white

Wilton Color Right Food Coloring System: If you’re not ready to invest in a big kit of Americolor gels and don’t want to keep buying colors one-by-one, the Wilton Color Right Food Coloring System is wonderful. It comes with eight water-based gels that you can mix with one another to create custom colors. Again, these are super concentrated and don’t affect the taste of your buttercream. The only thing I’ll mention with these is that you’ll need to know some basic color theory to achieve the colors you want (I’ll give you a mini lesson below!). 

how to color buttercream

I do realize there are other brands and types of food coloring products out there, but the ones above are the ones I reach for on the daily and are responsible for all the color palettes I’ve been able to create. So with these in mind, read on for everything I know about creating colorful buttercream. 

My Best Tips for Getting the Colors You Want:

1. Consider Your Buttercream Type

First, let’s talk about the type of buttercream I’m using, because that makes a huge difference in the outcome of the color. I use this buttercream recipe for everything I do, which is an American buttercream. Of all the buttercream types, American buttercream is the easiest to color and achieve rich, dark hues with minimal product. 

american vanilla buttercream recipe

Other types of buttercream, such as Swiss Meringue or other meringue-based buttercreams, don’t take color as easily due to the high fat content not being as compatible with water-based gels. This may mean either the need to use more product, use different types of product (such as oil-based gels), wait longer for the color to develop and deepen, or use alternative methods of coloring the buttercream. I’ve never worked with any other type of buttercream before, so if Swiss Meringue (or another type) is your go-to, you may need to research the best methods and products to use for what you’re working with. 

2. Start with the Right Base Color 

Remember those elementary school lessons about colors? Yellow + blue = green and so on? Well along these same lines, when coloring buttercream it’s important to know that whatever color your buttercream is to start with (aka the base color) will mix with any color you add, which has a huge effect on the final color. To get the purest color palettes, you’ll want to start with a white buttercream, because white + any color = that same color (which intensifies as you add more color).

vanilla buttercream recipe for cakes

My go-to vanilla buttercream recipe is pretty pale in tone to begin with and easy to mix with colors, but if you’re starting with a more yellow-toned buttercream, that yellow color will mix with whatever color you add to it. To combat this, you’ll need a good icing whitener like the Americolor Bright White mentioned above. I add a teaspoon or two to each batch of my buttercream at the very end of the recipe, make sure it’s mixed in well, and just look at the difference it makes: 

how to whiten buttercream frosting with Americolor Bright White

It’s totally fine to start with yellowish buttercream if the end result of your coloring session will be in the yellow-toned family (yellow, orange, lime green, etc), but just keep in mind that the base color will affect the end result. Other than that, the only time I recommend not starting with white buttercream is if you need to achieve the colors black, deep burgundy, or dark brown. In those cases, always start with chocolate buttercream because it’s much easier to go from brown to black (and so on) than it is to go from white to black. 

3. Start Small

It takes practice to know how much buttercream you’ll need for different scenarios – what amount is ideal for filling and frosting a cake? Or for the final frosting layer on top of a crumb coated cake? Or for just a few buttercream flowers? Because those amounts vary so greatly, it’s almost impossible to come up with a “recipe” (or how many drops to use) for different color intensities.

how to color icing for cake

I will say that the smaller the amount of buttercream you start with, the smaller the amount of color gel you’ll need to use to get a rich color. That being said, if you’re going for a pastel color and starting with a small amount, it’s also easy to add too much color gel and go overboard. Once you have the amount of buttercream measured out, the best way to approach coloring buttercream is start with a small amount of gel to see what color you end up with and go from there. 

To demonstrate, I’ve got two bowls here with about ½ Cup of buttercream each. I’ll start by adding about half a drop of Fuchsia color gel to the bowl on the right and mixing it all together. 

how to make pastel buttercream frosting

After mixing it all together, I can see we end up with a super slight pink color and can feel more comfortable adding one more drop to achieve a Fuchsia pastel.

how to make pink buttercream frosting

Now I’ll double the amount (so, three drops) to the bowl on the left to show you how quickly this color can intensify. 

how to color buttercream pink

The more buttercream you have, the more drops you’ll need to use to intensify or darken the color. Because of this, you’ll just need to practice and be sure to always start with a tiny bit of gel unless you want a super dark color to begin with. 

4. Allow Time for Colors to Deepen

Not only does the color get richer and richer the more color gel you add, it’s also important to know that these colors will actually darken a little more over time. Again, this is going to take some practice and patience, but just look at how these Fuchsia colors from the above example have darkened after 15 minutes:

how to tint buttercream frosting

And then after 30 minutes: 

buttercream colors darken over time

So whether you’re going for a dark color or not, be sure to factor in that the color will most likely get a little bit darker over time. 

5. Study Up on Color Theory

Especially if you’re mixing custom colors, knowing a thing or two about color theory will make you so much more confident. Here’s a great article that covers the basics, like what happens when you mix certain colors together and how to make a color warmer or cooler. The Wilton Color Right Food Coloring System that I mentioned in my “favorite products” section above comes with eight different color gels that you can mix together to create certain shades. It even comes with a handy little guide on how to make certain colors, but I still think it’s really important to know color theory, because sometimes the color you mix up is just a little off and knowing color theory will help you learn how to fix it. 

To demonstrate, I’ll show you how I would create a few different variations of purple buttercream starting with one drop of pink and one drop of blue. Notice that we end up with a cool-toned purple pastel color: 

how to make purple frosting

The more blue you add to this color, the cooler it will be and the more pink you add, the warmer it will be. I want a warmer toned purple, so I’m going to add another drop of pink. See how the tone of the color changes? 

how to use wilton color right food coloring system

Now that I have a sort of “recipe” for this color, I can darken it by adding another round – one drop of blue and two drops of pink. I’ll keep doing this, adjusting the tone as necessary, until I end up with the color I’m going for – all the while knowing that time will intensify the color. 

wilton icing colors

If you’re ever stumped on how to mix a certain color, you can always Google how to make it as well. There are a lot of painting and art websites that will note the different colors that make up a turquoise blue or a forest green, so if you just Google things like “how to mix (name of color)” the results may be art-related but so helpful! 

6. Learn How to Lighten Colors 

Just in case you made a color and realized that after time it’s too dark or not right in some other way, having a little extra white buttercream or Americolor Bright White around is a life saver. Mixing in a little bit of white buttercream or icing whitener will help lighten the color so you can achieve the shade you were wanting to begin with instead of having to start from scratch. 

I hope all of this is helpful for your buttercream color palettes! It really does open up a whole new world of creativity when you have a great buttercream recipe, the right products, and know how to use them. So excited for you to explore some new possibilities with colors! 

how to mix buttercream colors

Want more Cake Basics? Head here to see all of the posts and learn the methods of caking I’ve come to love over the years. I’m cheering you on every step of the way!

By: Whitney · In: Cake Basics, Featured, Tutorials · Tagged: americolor, americolor bright white, americolor fuchsia, americolor gels, buttercream, color palette, coloring buttercream, coloring frosting, coloring icing, frosting, how to color icing, icing, icing colors, nifty fifty kit, white frosting, wilton, wilton color right food coloring system

you’ll also love

pumpkin layer cake recipe by sugar and sparrowPerfect Pumpkin Layer Cake Recipe
strawberry buttercream frosting recipeFresh Strawberry Buttercream Recipe
how much frosting do I need for cakeHow Much Buttercream Do I Need? Helpful Chart Included!

Join the List

Stay up to date & receive the latest posts in your inbox.

Reader Interactions

Comments

  1. Elizabeth says

    June 12, 2024 at 12:51 pm

    I recently made your vanilla cake with vanilla buttercream and I had to use A LOT of americolor to get the buttercream remotely close to white. And I’m not sure if that’s why, but my buttercream developed air bubbles. My butter was on the yellower side so definitely was starting from a more yellow base than how your un-colored vanilla buttercream looks. Do you have a go-to butter that will produce a lighter buttercream color? And could the heavy amount of americolor white have controbuted to the air bubbles or just overmixing?

    Reply
    • Whitney says

      June 16, 2024 at 2:52 pm

      Hi Elizabeth! Did you whip the butter on high speed for the full 7 minutes before adding the powdered sugar? That is the first secret to getting whiter buttercream. The whipping process should significantly lighten the color to almost white. The butter brand I use is any generic unsalted butter (Costco, Kroger, etc). As for the air bubbles, it’s most likely from overmixing or mixing on too high of a speed after the powdered sugar step. Everything from that point on should be the lowest speed. To fix it, you can let your buttercream rest in an airtight container for about 30 minutes or more, then re-mix it on low speed in your stand mixer. Hope that helps!

      Reply
      • Elizabeth says

        June 20, 2024 at 2:19 pm

        I did whip the butter for the full 7 minutes, maybe longer? Could longer have been a problem? The butter I used was pasture raised organic stuff so definitely on the yellower side. Regarding air bubbles: I incorporated sugar on low. I have a kitchenaid stand mixer, by low do you mean “stir” (I.e. level 1) or level 2? I just tried your bubble removal method for another batch I had air bubbles with too but it didn’t work. I will try again when I bring the buttercream back to room temp when I frost in a couple days. It’s still very tasty though 🙂 might just have to cover the cake in sprinkles if I can’t get it smooth

        Reply
        • Whitney says

          June 20, 2024 at 2:28 pm

          Hi Elizabeth! Yes, by low I do mean the “stir” setting. It shouldn’t be a problem to whip the butter for longer than 7 minutes, although that might be incorporating more air into your buttercream from the get go. The color must be a matter of the butter you’re using, that’s the only variable that is different than what I use.

          I left a response on your other comment regarding the air bubbles but will leave it here too: If you’re still finding air bubbles in your frosting after letting it rest and remixing it on low (stir), it might need more milk added to thin out the consistency. Try adding room temperature whole milk, 1 tsp at a time, while the buttercream mixes on low/stir. That should get rid of any remaining air bubbles and leave you with a smooth buttercream frosting.

          Reply
« Older Comments

Leave a Reply Cancel reply

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

Recipe Rating




Next Post >

Our Sweet Baby Boy is Here!

Primary Sidebar

Welcome to Sugar & Sparrow

Welcome to Sugar & Sparrow

Helping you whip up pretty desserts with confidence and creativity. And hopefully sharing a few laughs with you along the way!

Learn More

Connect

let’s bake!

Get my very best recipes, baking tips, and decorating tutorials sent to your inbox

Featured Posts

unique gift ideas for bakers

2025 Holiday Gift Guide for Bakers

spice cake recipe with brown butter cream cheese frosting

Spice Cake with Brown Butter Cream Cheese Frosting

chocolate cupcakes with chocolate buttercream, marshmallow filling, mini marshmallows, and chopped almonds

Rocky Road Cupcakes with Homemade Marshmallow Filling

Search

Archives

Follow Along

@sugarandsparrowco

Everything I baked in June☀️I was so motivated to Everything I baked in June☀️I was so motivated to bake this month (summer flavors had me INSPIRED!) and could barely keep up with myself but I ended up publishing 7 new recipes on my website + finalized 5 more that will be up ASAP! 

Comment “JUNE” to get all the recipes that are available now:

-Cookie Dough Ice Cream Cake
-Rocky Road Cupcakes (w/ homemade marshmallow creme filling!)
-Blackberry Lavender Cake
-Homemade Blackberry Filling
-Whipped Cream Cheese Frosting
-Strawberry Shortcake Cookie Bars
-Berries & Cream Sheet Cake

https://sugarandsparrow.com/everything-i-baked-in-june
 
#cake #bakersofinstagram #baking #bakinglove #cakedecorating
WHIPPED CREAM CHEESE FROSTING ☁️ this easy 4-ingre WHIPPED CREAM CHEESE FROSTING ☁️ this easy 4-ingredient whipped cream frosting is deliciously light, comes together SO easily, and is stabilized with cream cheese to make it the perfect thick consistency for filling and frosting cakes and cupcakes!! It’s so good with my strawberry shortcake sheet cake and berries & cream cake and I have a feeling I’m going to be whipping it up for many more summer cakes😍

Full recipe with cake pairing suggestions at https://sugarandsparrow.com/whipped-cream-cheese-frosting/ 

INGREDIENTS 
1 Cup (8oz, 226g) full-fat brick-style cream cheese, cold
1 Cup (120g) powdered sugar
1 tsp pure vanilla extract
2 1/2 Cups (600ml) heavy whipping cream, cold

INSTRUCTIONS
1. Chill the bowl of your stand mixer (or the large bowl you’ll be using with your hand mixer) into the refrigerator for 20 minutes.
2. Into the cold mixing bowl, add the cream cheese and beat on medium speed with the whisk attachment until creamy, 2 min. Add the powdered sugar and mix on low speed until mostly incorporated, then turn the mixer to medium-high speed and mix for 1 min.
3. Add the vanilla extract, then turn the mixer to medium-high speed and slowly pour in the heavy whipping cream (down the side of the bowl so it doesn’t fly everywhere). Once all the cream is added, continue mixing on medium-high for just about 30 seconds longer, keeping a close eye on the mixing bowl to watch it thicken. It should come together into a thick, silky frosting consistency at this point, where you can dip the whisk into the frosting and it holds a slight peak when you hold it upright.
4. Use the frosting immediately to decorate cakes and/or cupcakes for best results!

#whippedcreamfrosting #creamcheesefrosting #cakedecorating #whippedcream #frosting
TOP 10 4TH OF JULY DESSERTS 🎆 These are just a few TOP 10 4TH OF JULY DESSERTS 🎆 These are just a few of my favorite summer dessert recipes that will disappear at any Fourth of July celebration.

Comment “JULY” and I’ll send you all 20+ of my favorite 4th of July dessert ideas – naturally red white and blue desserts like my berries and cream cake, easy no-bake desserts, no-churn ice cream, strawberry shortcake inspired recipes, and all the treats that will go FAST at any barbecue.

https://sugarandsparrow.com/4th-of-july-desserts/

#fourthofjuly #4thofjuly #summerdessert #partycake #dessertideas
STRAWBERRY SHORTCAKE COOKIE BARS 🍓my hot take: str STRAWBERRY SHORTCAKE COOKIE BARS 🍓my hot take: strawberry shortcake toppings on a buttery, soft sugar cookie base is WAY BETTER than traditional strawberry shortcake. I topped my favorite sugar cookie bar recipe with silky whipped cream cheese frosting + homemade strawberry sauce and now I’m ruined 😵

Full recipe is linked in my bio + at https://sugarandsparrow.com/strawberry-shortcake-cookie-bars/ 

SOFT SUGAR COOKIE BARS
2 Cups + 2 Tbsp (283g) all purpose flour
1 tsp baking powder
1/2 tsp baking soda
1/2 tsp salt
3/4 Cup (170g) unsalted butter, room temp
1 Cup (200g) granulated sugar
1 large egg
1 large egg yolk
1 1/2 tsp pure vanilla extract

1. Preheat the oven to 350ºF (177ºC). Grease and line an 8-inch square baking pan with parchment paper, leaving a slight overhang for easy release.
2. Whisk together the flour, baking powder, baking soda, and salt. Set aside.
3. Using a stand mixer with the paddle attachment (or hand mixer) cream together the butter and sugar on high speed until pale and fluffy, 2-3 min.
4. Turn the mixer to medium and add the egg, egg yolk, and vanilla. Mix until combined, then add the flour mixture and mix on low speed until a uniform cookie dough forms.
5. Press the cookie dough into the prepared pan in an even layer, all the way to the edges. Bake for 18-20 minutes, until the edges are just starting to brown. 
6. Cool the sugar cookie bars in the pan for 30 minutes, then transfer to a wire rack to cool completely. Top with whipped cream cheese frosting and strawberry sauce (full recipe linked in my bio!)

#strawberryshortcake #strawberries #whippedcreamfrosting #cookiebars #sugarcookies
BLACK FOREST CAKE 🍒 this is my favorite thing to m BLACK FOREST CAKE 🍒 this is my favorite thing to make during cherry season! My version is decadent chocolate cake soaked with homemade cherry syrup, fresh cherry filling, and whipped cream frosting. Top it with a chocolate ganache drip if you want to go the extra mile! 

Full recipe + decorating tutorial is linked in my bio + at https://sugarandsparrow.com/black-forest-cake-recipe/

PS I’m working on a sheet cake version of this recipe that’s even easier! Stay tuned.

#blackforestcake #cherrycake #chocolatecake #cherries #cakedecorating

Footer

On the Blog

  • Cake Basics
  • Recipes
  • Tutorials

Info

  • About
  • Privacy Policy & Disclosure

stay in the know

Copyright © 2026 · Theme by Sugar & Sparrow