Rainbow Smash Cake

published on , modified on

vegan heart-shaped mini rainbow cake topped with pink cotton candy

Celebrate St. Patrick’s Day, pride, or birthdays with fluffy layers of bright colors and fun with this mini 6-inch vegan rainbow smash cake. Your little one can celebrate their birthday with a smash cake that’s very photogenic, leveling up your photos of the event. This heart-shaped rainbow cake has 5 colorful layers of delicious vanilla cake, filled with fluffy vanilla buttercream frosting, and topped with vegan cotton candy.

Table of Contents

(click the links below to skip to the section you’re looking for)

Listening to

♫ Sugar Rush by Lollypop Lane ♫

If you know anyone who might like a rainbow birthday cake, show them you care by making this and surprising them with it.

This recipe makes one 6-inch, heart-shaped, 5-layer rainbow smash cake.

Vegan Rainbow Smash Cake Ingredients

  • 5 tablespoons (~⅓ cup/75g) lemon or lime juice
  • 2 cups (260g) all-purpose flour
  • ¾ cup (165g) organic, vegan, or raw sugar*
  • 1 teaspoon (6-7g) baking soda
  • large pinch of salt
  • ½ cup (125ml/106g) safflower oil
  • 1 cup (250ml/265g) nondairy milk*
  • 2 teaspoons (8g) vanilla extract
  • vegan food coloring (see below for the colors and amounts I used)

Vegan Rainbow Smash Cake Directions

Prep time: 45 minutes | Bake time: 16 minutes

Cut five parchment paper hearts (or circles) and set them in the bottoms of each of the five heart pans (or circle pans). No oil is needed unless you’ve had your pans so long that they are no longer non-stick.

5 heart shaped cake pans, lined with parchment paper

Preheat the oven to 325º.

Measure 1 tablespoon (15g) of lemon juice or lime juice into each of 5 different small dishes (5 tablespoons or around ⅓ cup total).

Sift the following dry ingredients into a mixing bowl: 2 cups (260g) all-purpose flour, ¾ cup (165g) sugar, 1 teaspoon (6-7g) baking soda, and a large pinch of salt.

Weigh or measure all of your dry ingredients and divide by 5. Mine weighed 426 grams, so I divided the dry ingredients into 5 separate bowls with 85 grams of dry ingredients in each bowl (because 426 divided by 5 is 85).

Mix the wet ingredients either with a stand mixer or by hand. They are ½ cup (125ml/106g) safflower oil, 1 cup (250ml/265g) nondairy milk, and 2 teaspoons (8g) vanilla extract. If you buy soy milk, make sure it’s organic or non-GMO. If your nondairy milk is vanilla flavored, reduce the vanilla extract to 1 teaspoon.

Weigh or measure all of your wet ingredients and divide by 5. Mine weighed 373 grams, so I added 75 grams into each of the 5 separate bowls with the dry ingredients in them (because 373 divided by 5 is around 75).

Color the batter at the same time that you add the wet ingredients. I have an entire webpage all about vegan food coloring in case you’re interested. I used the following Wilton gel colors for this cake. When I say “dip” I’m referring to dipping a toothpick into the gel color. Wilton gel colors just come in a little container with a screw lid, not a bottle with a dropper, so the toothpick method is easiest.

Layer 1 - pink/red: 1 dip of wilton rose gel color and 1 dip of wilton pink gel color

Layer 2 - orange: 3 dips wilton orange gel color

Layer 3 - green: 3 dips of wilton green gel color

Layer 4 - blue: 2 dips of wilton royal blue gel color

Layer 5 - purple: 1 dip of wilton pink gel color and 3 dips of wilton purple gel color

Add 1 tablespoon (15g) of lemon or lime juice to the bowl with the red/pink batter. Mix, and transfer into the first heart pan, using a small silicone baking spatula to make sure you get every last bit of batter.

a heart shaped cake pan filled with pink vegan cake batter

Repeat with each color of batter until all 5 cake pans are ready to go into the oven.

5 heart shaped cake pans filled with 5 different rainbow colors of vegan cake batter

Set all the pans on the same rack in the oven (the rack that’s most in the middle). This will help them all bake at the same rate.

Bake at 325º for 16-18 minutes. I baked mine for 16 minutes, but my oven runs hot. You’ll know they’re done when you stick a toothpick in the center of them, and it comes out clean.

5 colors of vegan rainbow cake fresh out of the oven

Cool on cooling racks for 5 minutes before flipping them upside down on the cooling racks to cool completely.

Parchment Paper
If You Care Parchment Baking Paper Sheets,Roll 70 Sq Ft Roll, Unbleached, Chlorine Free, Greaseproof, Silicone Coated, Standard Size (Fits 13 Inch Pans) $5.77 from Amazon
Silicone Spatula
Silicone Spatula 3-piece Set, Ergonomic Handle High Heat-Resistant Spatulas, Non-stick Rubber Spatulas with Stainless Steel Core, Aqua Sky order from Amazon
6" Heart Cake Pans
Wilton 5 Layer Heart Cake Pan Set,medium pan order from Amazon

Vegan Vanilla Cloud Frosting Ingredients

  • ⅓ cup (60g) vegan butter or margarine (I use organic whipped earth balance)*
  • ⅓ cup (64g) organic palm shortening*
  • 1 teaspoon (4g) vanilla extract
  • 1 ½ cups (180g) organic powdered sugar*
  • 1 teaspoon nondairy milk, room temp (I used oat milk)

Vegan Vanilla Cloud Frosting Directions

Prep time: 20 minutes

Whisk the first 3 ingredients until it’s light and fluffy. They are 1 teaspoon (4g) vanilla, ⅓ cup (60g) vegan butter or margarine, and ⅓ cup (64g) Spectrum organic and sustainable palm shortening. Use a stand mixer or a handheld electric mixer with the whisk attachment on medium speed. It might be possible to do this by hand if you have a lot of upper body strength and time. With an electric mixer, this step takes 3-5 minutes. By hand, it could take 20 minutes.

Stop the mixer after a couple minutes and use a baking spatula to scrape the sides and bottom of the mixer bowl. Mix again.

Sift in 1 ½ cups (180g) organic powdered sugar, half at a time, mixing thoroughly and scraping the bowl with the baking spatula after each addition.

Add 1 teaspoon of nondairy milk, if needed, to get the frosting to be a creamy and spreadable consistency.

Silicone Spatula
Silicone Spatula 3-piece Set, Ergonomic Handle High Heat-Resistant Spatulas, Non-stick Rubber Spatulas with Stainless Steel Core, Aqua Sky order from Amazon
Spectrum Sustainable Organic Palm Shortening
Spectrum Shortening, 100% Vegetable, Organic, 24 oz $17.83 from Amazon

Assembling the Mini Rainbow Cake

assembling the cake: 15min

Smear a little bit of frosting onto the cake plate, cake board, or cake stand you plan to assemble your rainbow cake on.

Place the purple layer first. If your cakes didn’t fall out of the cake pans on their own, they might need a little help. Just shimmy a baking spatula along the sides of the entire cake, and then turn the cake pan upside down and the cake should fall out. Remove the parchment paper and throw it away.

Spread buttercream frosting on the purple layer.

first layer of vegan rainbow cake with vanilla cloud frosting on top

Add the blue layer next. Continue this with all of the layers of the rainbow.

step-by-step of layering and assembling the vegan rainbow cake

rainbow smash cake assembled and ready to serve

Top with vegan cotton candy right before serving. You don’t want to add cotton candy too early or it will start to dissolve. I used Maud Borup Unicorn Dream Cotton Candy because it’s sold at Whole Foods and is organic and vegan.

rainbow smash cake topped with vegan pink cotton candy

Video of The Making of This Rainbow Smash Cake

If you make this rainbow cake, snap a pic, post to instagram, and tag me @vegandollhouse. I love to see your creations! You can also message me through instagram or email me if you have any questions about the recipe.

Tips and Frequently Asked Questions About This Rainbow Smash Cake Recipe

Tip 1: Use room temperature ingredients

Whenever you make cakes, if you have time to leave the ingredients out on the counter for a bit before you start the recipe, your results will be better.

Tip 2: Don’t overmix at the end

The moment you add the lemon juice to the batter, the chemical reaction that makes cakes rise begins. You want to work quickly once this process begins so that they’re doing the rising while they’re in the oven baking.

Can I make this vegan rainbow cake with less sugar?

This rainbow cake already has less sugar than most cakes. If the nondairy milk you are using is sweetened, you can reduce the amount of sugar you use by that same amount. You have to do math, which may not make you happy to hear, but I’ll give you an example, which will hopefully make it easier.

This rainbow cake recipe calls for 1 cup of nondairy milk. My oat milk says that a serving is 1 cup and has 7 grams of sugar in it. So, I can reduce the sugar from 165 grams to 158 grams. You’re of course also welcome to just experiment and use less sugar and see how you like the results. If you reduce the amount of sugar in the recipe, you don’t have to make any changes to the other measurements. To reduce the sugar in the frosting recipe, use 1 ⅓ cups of powdered sugar (instead of 1 ½ cups). You’ll also want to omit the nondairy milk so it stays thick enough to decorate with. Or you can use coconut whipped cream in place of the buttercream, which has substantially less sugar.

Can I make this rainbow cake gluten free?

Yes! Just use a gluten-free flour blend in place of the all-purpose flour.

I don’t have 6” heart pans. Can I make this cake in other pans?

You can make this rainbow smash cake with any 4-6” pans you have, as long as you have 5 of them. If you have fewer than 5, you’ll have to wait until the first cakes finish cooling, so plan accordingly to make sure you have enough time. Since 4” pans will make taller cake layers, you may need to bake them a little bit longer. Check them after 15 minutes, and then every 3 minutes thereafter just to be safe.

How do I store this rainbow cake?

Here’s a cheat sheet for storing completely assembled and decorated cakes.

  • 1 day in advance: you can store the (uncut) cake in the fridge or on the counter, but first wrap it in cling wrap to protect the cake from drying out
  • up to 1 week in advance: you can store the (uncut) cake in the fridge, but first wrap it in cling wrap to protect the cake from drying out
  • up to 3 months in advance: freeze the (uncut) cake uncovered until it hardens to the touch. Then wrap it completely in cling wrap to keep it from drying out or taking on any weird freezer smells. Move it from the freezer to the fridge a day before you want to serve it, but don’t remove the cling wrap until 15 minutes before you’re ready to serve it.
  • leftover cake: I store my cut cake in a cake dome on the counter for up to a week. You can also keep it in any tupperware that is large enough to fit it, either on the counter or in the fridge for up to 1 week. If you don’t plan to eat the leftover cake within a week, cut it into individual slices. Then, wrap each slice in cling wrap before placing them in a freezer ziplock bag and storing them in the freezer for up to 3 months.

vegan rainbow smash cake topped with vegan pink cotton candy

Substitutions for Vegan Rainbow Cake Ingredients

  • Oil: I recommend using safflower, sunflower, avocado oil, or coconut oil for baking cakes. These oils are made for high heat, which helps you avoid transfats. You can also use other oils like vegetable oil, canola oil, grapeseed oil, etc. People even make cakes with olive oil, but that’s not my cup of tea.
  • Lemon Juice: If you don’t have lemon or lime juice, you can replace it with apple cider vinegar (or even white vinegar). You just need some sort of acid to interact with the baking soda to make the cake rise.
  • Vegan Butter: My favorite is the organic whipped Earth Balance, but if you avoid soy, you can buy the soy-free Earth Balance.
  • Shortening: Can’t find any Spectrum organic sustainable palm shortening (or any vegan shortening)? Replace it with additional vegan butter or margarine. If you do this, your frosting will be less stable at room temperature, so you should keep it in the fridge instead of on the counter, if your house is warm.
  • Nondairy Milk: You can substitute any amount of nondairy milk in this recipe with water, nondairy creamer, or coconut water. You can also mix and match different nondairy milks. I do this a lot when my macadamia milk only has a little bit left at the bottom and I use it up, and then I open a new container of almond, oat, or soy milk. If you use soymilk, make sure it’s organic or non-GMO.
  • Powdered Sugar: Read my post about vegan powdered sugar to find out which powdered sugar to use.

If you like rainbow recipes, check out my rainbow category.

Comments or Questions?

If you make this recipe, I would love it if you’d snap a pic, post to instagram, and tag me @vegandollhouse. It seriously makes my day/week/month!

Please message me (instagram or email) if you have any questions or feedback about the recipe.


* I use mostly organic ingredients when I cook. I realize that not everyone has the disposable income to buy only organic ingredients. So, I only specify organic on the ingredients that matter: when buying the organic (or non-GMO) version is the only way to ensure that an item is vegan.

This post links to items I used when I made this recipe. If you click on the purple Buy Now button on a product page, you will go to a website (like Amazon) where you can buy the same product I used. Sometimes, the store you purchase from (Amazon, Etsy, etc.) will pay me for referring you. This costs you nothing extra, and I would never recommend a product that I don’t use. These affiliate programs help me buy the ingredients to create these recipes for you. Read more about this in my privacy policy.



Your website/recipes are so well done! I can't wait to try some out. Thank you!
HeavyDoseOfLavender -⭐⭐⭐⭐⭐

I can always immediately tell when a recipe is yours, I love your style! Thanks for all the recipes, I've made a few and they've all been great!
Consistent_Pea -⭐⭐⭐⭐⭐

This is adorable! I've seen your recipes a couple of times before and they're always so pretty and creative!
pepperohni -⭐⭐⭐⭐⭐