This Watermelon Cake is a fun summer dessert that looks and tastes just like a watermelon! All you need is white cake mix, watermelon Jello, and a handful of other ingredients.

A slice of watermelon cake being taken out with a cake spatula.

Pin this recipe now to save it for later

If you were thinking this watermelon cake was made by carving up a big watermelon into the form of a layer cake, think again! While fresh watermelon is delicious, let’s be honest: it’s not exactly cake-level delicious. This recipe for watermelon cake takes the flavors of the fruit and infuses them into a layer cake for a fun summer-inspired dessert recipe no one can resist!

A watermelon cake is shown on a beige plate with a slice being cut out.

Easy Watermelon Cake Recipe

When it comes to fun summer desserts, you really can’t beat this watermelon cake! The flavor makes you think of warm summer days, and it’s even decorated to look like a watermelon, making it extra fun!

You know I love a good boxed cake mix hack, and like my strawberry cake and coconut cream cake, this watermelon cake recipe starts with a box of cake mix. In this case, white cake mix makes the perfect base. Then, we add watermelon Jello for flavor and color and to help make the cake extra moist.

I use premade vanilla frosting, but cream cheese frosting will work, too. The important factor is to use a frosting that can be tinted and has a mild flavor that won’t compete or clash with the watermelon. For these reasons, I recommend avoiding chocolate!

The ingredients to make watermelon cake are shown portioned out on a white background: chocolate chips, food coloring, cake mix, eggs, oil, watermelon jello, vanilla frosting.

Ingredients

See recipe card below this post for ingredient quantities and full instructions.

  • White cake mix – Any brand you like will work!
  • Watermelon Jello
  • Water
  • Eggs – Here’s a list of egg substitutes for baking.
  • Canola oil – Vegetable oil is fine, too.
  • Vanilla frosting – Use homemade or store-bought.
  • Red and green gel food coloring
  • Chocolate chips – You’ll use these to make the watermelon “seeds.”
The steps to make watermelon cake are shown in a grid.

How to Make Watermelon Cake

  1. Prepare: Preheat your oven to 350ºF. Grease and flour two 9” round cake pans with butter or nonstick spray.
  2. Make the watermelon cake batter: In the bowl of a stand mixer fitted with the paddle attachment, combine the cake mix, Jello, water, eggs, and oil. Beat on medium speed until the mixture is smooth, which should take about 2 minutes. (You can use a hand mixer if you don’t have a stand mixer.)
  3. Bake: Divide the batter between the prepared cake pans, and bake for 30 to 35 minutes or until a toothpick inserted into the center comes out clean. Allow the cake to cool in the pan for 10 minutes. Then, carefully remove the cakes, and transfer them to a wire rack to cool completely.
  4. Make the frosting: Set aside 2 tablespoons of frosting; this will be used for the white part of the watermelon. Place 1 ¼ cups of frosting in a bowl, and tint it with the red coloring. Start with a small amount, and add more as needed to match the color of the watermelon. Tint the remaining frosting green for the melon rind in a separate bowl.
  5. Assemble: Place the first watermelon cake layer on a serving platter or cake stand. Frost the top with red frosting, leaving a ¼” border along the edge. Place the second cake layer on top, and frost this with the remaining red frosting, leaving ¾” around the edge. Frost the edges of the cake green. Then, pipe the leftover white frosting where the red meets the green. Decorate the top of the cake with the chocolate chips. 
A slice of watermelon cake served on a white round plate with the cake in the background.

How to Store Watermelon Cake

This cake should be stored in the refrigerator if it’s not eaten right away. For the best results, I recommend wrapping it tightly with plastic wrap or placing it in an airtight container.

It will stay fresh for 3-4 days. To serve, let it sit out at room temperature to warm slightly before slicing.

You can also freeze this cake! Just wrap it tightly in plastic wrap followed by aluminum foil. Then, place it in the freezer for up to 2 months. Let it thaw in the fridge overnight before serving.

A slice of watermelon cake with frosting served on a white round plate with a forkful of cake.

FAQs

How do you make a watermelon cake with whipped cream?

You could use a store-bought whipped cream. Or, make homemade whipped cream, and use that instead of the frosting. You can also use Cool Whip, which will last longer.

How do you make watermelon colored frosting?

To get the signature watermelon color, you’ll need to use red and green gel food coloring. Gel food coloring allows you to achieve the perfect shade of color without introducing excess liquid to the frosting!

Do you have to refrigerate watermelon cake?

Yes, this cake should be refrigerated if not eaten right away.

More Easy Cake Ideas

A slice of watermelon cake being lifted from a platter.

Watermelon Cake

This Watermelon Cake is a fun summer dessert that looks and tastes just like a watermelon! All you need is white cake mix, watermelon Jello, and a handful of other ingredients.
5 from 1 vote
Course: Dessert
Cuisine: American
Servings: 10 servings
Prep Time: 30 minutes
Cook Time: 35 minutes
Total Time: 1 hour 5 minutes

Equipment

  • 9" round cake pans
  • stand mixer fitted with a paddle attachment

Ingredients  

  • 1 box white cake mix
  • 1 3oz box watermelon Jell-O
  • 1 ¼ cups water
  • 2 large eggs
  • ¼ cup canola oil
  • 2 ½ cups vanilla frosting
  • red and green gel food coloring
  • chocolate chips for decoration

Instructions 

  • Preheat the oven to 350℉. Grease and flour two 9” round cake pans.
  • In the bowl of a stand mixer fitted with the paddle attachment, add the cake mix, Jell-O, water, eggs, and oil. Beat on medium speed for 2 minutes until smooth.
    1 box white cake mix, 1 3oz box watermelon Jell-O, 1 ¼ cups water, 2 large eggs, ¼ cup canola oil
  • Split the batter evenly between both prepared cake pans. Bake for 30-35 minutes or until a toothpick inserted into the center comes out clean. Let cool in the pan for 10 minutes before removing and placing on a rack to finish cooling completely.
  • Set aside 2 tbsp of frosting for garnish. Place 1 ¼ cups of frosting in a bowl and tint with red coloring. Tint the remaining frosting green. Set aside.
    2 ½ cups vanilla frosting, red and green gel food coloring
  • Place one cake layer on a serving plate and frost the top with red frosting leaving a ¼” around the edge. Place the remaining cake on top and frost with remaining red frosting leaving ¾” around the edge. Frost the remaining areas of the cake with green. Pipe the leftover white frosting where the red meets the green on top. Decorate with the chocolate chips.
    chocolate chips for decoration

Nutrition

Serving: 1serving | Calories: 491kcal | Carbohydrates: 81g | Protein: 3g | Fat: 17g | Saturated Fat: 3g | Polyunsaturated Fat: 6g | Monounsaturated Fat: 7g | Trans Fat: 0.2g | Cholesterol: 33mg | Sodium: 477mg | Potassium: 63mg | Fiber: 1g | Sugar: 58g | Vitamin A: 48IU | Calcium: 121mg | Iron: 1mg
Did you make this recipe?Mention @kasey_allthingsmamma or tag #allthingsmamma!

Categories: , ,

About Kasey Schwartz

For over 15 years, Kasey Schwartz, the mastermind behind All Things Mamma, has been the ultimate go-to for mouthwatering family recipes. Her work has been featured on Today.com, Buzz Feed, Better Homes and Gardens, and more, making her your go-to mom next door for all things delicious and family-friendly.

Comments

  1. Kassandra Medina says:

    Do you follow the cake mix recipe and add jello mix? Or do I use your egg, water and oil measurements. I’m so confused – yours says 2 eggs and my box of cake mix says 3-

Leave a Reply

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

Recipe Rating




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