Layered Jell-O {4th of July Edition!}

Layered Jell-O is a fun treat that’s perfect for holidays because you can customize your colors. (Another fun one is our Glass Block Holiday Jello.) It’s fun to make in a rainbow of colors, or just a few, depending on your preference. Today we’re going with red, white, and blue for the 4th of July. Layered Jell-O combines layers of colored gelatin interspersed with layers of a sweet and creamy sweetened condensed milk gelatin layer. It’s both festive and delicious!

layered patriotic jello

Ingredient Notes

  • Flavored Jell-O – You’ll need four 3-ounce packages of Jell-O (your choice of colors).
  • Sweetened Condensed Milk – This creates your creamy white layers!
  • Unflavored Gelatin – This is used to solidify the creamy condensed milk layers. Unflavored gelatin is usually on the top shelf above the flavored varieties.
  • Sweetened Whipped Cream – Optional, but makes a great topping for serving!
  • Non-stick Cooking Spray – This helps the Jell-O release from the pan nicely once it has firmed up.

How To Make Layered Jell-O

Colored Layers: Your color layers are small boxes of Jell-O with additional unflavored gelatin mixed in. This keeps the layers firm for layering, but not too firm to enjoy!

Creamy Layer: This layer is made by combining sweetened condensed milk, water, and unflavored gelatin. It’s a sweet, creamy Jell-O- which might sound strange, but it is actually such a great compliment to the fruity layers.

Here’s what the process looks like:

  1. In a small mixing bowl you’ll mix one 3-ounce package of Jell-O with 1 1/4 teaspoons (1/2 a packet) of unflavored gelatin and dissolve it in 1 cup of boiling water. Pour this mixture into your 9×13 pan sprayed wtih cooking spray and place that pan on a level shelf in the refrigerator. Because the Jell-O layers are so thin, each one should be set rather quickly, in about 10-15 minutes.
  2. While your first layer of Jell-O is setting, you’ll make your sweetened condensed milk layer. This single batch will be the full amount and you’ll simply use one cup of it at a time between your colored layers.
  3. Each time you finish a layer and put it back into the fridge, you’ll start mixing your next layer. Letting it sit on the counter while your previous layer chills gives it a chance to cool off.
  4. When all 7 layers are complete (4 colored layers and 3 white layers) and have set up, carefully cut them into squares and serve!
layered patriotic jello

Frequently Asked Questions

Can I make this ahead of time?

You bet! Prepare the Jell-O in the pan and then store, covered, in the refrigerator until ready to serve. It’s good for a couple days at least! Cut as desired and enjoy!

Can I use sugar-free Jell-O?

Yep! Sugar-free, store brand, whatever you can find- as long as it’s the smaller sized packages, they will work here.

Can I make this dairy free?

You can buy coconut sweetened condensed milk. While I have not tried it personally, I don’t see any reason why it wouldn’t work in this recipe!

Save

layered red white and blue jello

Layered Jell-O

5 from 5 votes
Mix and match colors you love for with layered Jell-O! Pretty to look at and fun to eat.
Prep Time 20 minutes
Cook Time 0 minutes
Refrigeration Time 1 day 1 hour 20 minutes
Total Time 1 day
Servings24 servings

Equipment

Ingredients

  • 4 3 ounce packages of Jell-O align your flavor choices with the preferred holiday color scheme
  • 1 14 ounce can sweetened condensed milk
  • 4 packets unflavored gelatin
  • boiling water we suggest keeping a tea kettle warm
  • Optional for topping: sweetened whipped cream or cool whip

Instructions

  • Spray a 9×13″ pan with non-stick cooking spray and wipe out the excess with a paper towel. Set the pan aside.
  • Mix 1 package of Jell-O with 1 ¼ teaspoons (½ packet) of unflavored gelatin. Add 1 cup boiling water and stir to combine completely. Pour the first layer into the prepared pan and refrigerate in a completely level shelf of the fridge for 20 minutes.
  • While the first layer is setting, mix 1 cup boiling water with the can of sweetened condensed milk in a smallish-medium mixing bowl. Set aside.
  • In a small bowl, sprinkle 2 packets of gelatin over ½ cup cold water. Allow it to stand for 2-3 minutes or until the gelatin has absorbed the water and it becomes grainy. When it is ready, add ½ cup boiling water and stir until the gelatin is completely dissolved. Add the dissolved gelatin mixture to the sweetened condensed milk mixture and stir completely. Leave at room temperature.
  • When the first layer of Jell-O has set, carefully pour just 1 cup of the sweetened condensed milk mixture over the Jell-O layer and return the pan to the refrigerator. Chill for 15 minutes or until set.
  • After you return the pan to the refrigerator, repeat the Jell-O step (1 package Jell-O + 1 ¼ teaspoons unflavored gelatin + 1 cup boiling water). If you do it immediately after you put the pan back in the fridge, it should be room temperature by the time the sweetened condensed milk layer has set up. Pour it over the milk layer, chill, repeat with milk, then Jell-O, then milk, then Jell-O. You should begin and end with Jell-O layers and have 4 layers of Jell-O with 3 layers of milk in between. As you go, if the milk begins to set up, microwave it for 5-10 seconds to soften.
  • When the last layer has set up, carefully cut into cubes.  If you run your knife under hot water for a few seconds and then dry it, it will help make nice clean cuts. You can optionally top squares with some sweetened whipped cream or cool whip!

Notes

Whipped cream topping is included in nutritional value.
You’ll want to plan to make this 1 day ahead of time to allow time for all the layers to cool. The steps are very simple, but it does take some time.
If you run your knife under hot water for a few seconds and then dry it, it will help make nice clean cuts.

Nutrition

Serving: 24servings, Calories: 1kcal, Carbohydrates: 0.2g, Protein: 0.2g, Fat: 0.004g, Saturated Fat: 0.002g, Monounsaturated Fat: 0.001g, Cholesterol: 0.01mg, Sodium: 1mg, Potassium: 0.2mg, Sugar: 0.2g, Vitamin A: 0.1IU, Vitamin C: 0.001mg, Calcium: 0.2mg, Iron: 0.002mg
Course: Desserts
Cuisine: American
Keyword: layered jello
Calories: 1kcal
Author: Kate Jones
Cost: $5
Did You Make This Recipe?Snap a picture, and hashtag it #ourbestbites. We love to see your creations on our Instagram @ourbestbites!
woman in denim shirt holding a salad bowl
Meet The Author

Sara Wells

Sara Wells co-founded Our Best Bites in 2008. She is the author of three Bestselling Cook Books, Best Bites: 150 Family Favorite RecipesSavoring the Seasons with Our Best Bites, and 400 Calories or Less from Our Best Bites. Sara’s work has been featured in many local and national news outlets and publications such as Parenting MagazineBetter Homes & GardensFine CookingThe Rachel Ray Show and the New York Times.

Read More

Join The Discussion

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.

Questions & Reviews

  1. I was just thinking yesterday that I would look around on your blog for one of the cool Jell-O recipes and make a patriotic version for next week… Thanks for saving me the trouble! Looks good!!

  2. how fun! I’m curious what the layer with the sweetened condensed milk tastes like? Is there anything to compare it to?

    1. It’s just sweet and creamy and neutral, kind of like a vanilla cream layer. It’s yummy, and Jello milk creeps me out, lol.

    1. For sure! They’d be adorable! I would probably let the Jell-O sit overnight and then warm up the cookie cutter first, though–that will help you get really pretty cuts.

  3. Approximately how long did this take you to make? I want to make this but I work full time so I want to make sure I have enough time to have each layer set!

    1. Once you get into the swing of things, it doesn’t really take that long–a couple of hours, tops, and that’s with lots of down time. The first 2 layers take the longest because you’re waiting for them to cool, but the rest of the time, the cooling happens while the Jell-O’s setting.

  4. Love this!! And so glad you linked back to the older post. I think I’m going to make the jumble squares with blue and white, and then this layered one with red and white… and then put them on a platter to look like a flag?!! Maybe thats going a little too far…

  5. Super cute! I love these festive patriotic posts! Hope you’re feeling good and getting close to having that baby…..