Rainbow Chocolate Chip Cookies Recipe — Colorful, Chewy Treats

My rainbow chocolate chip cookies are bright, chewy, and perfect for summer treats or parties. I start with a classic chocolate chip cookie dough, divide it into six portions, and tint each portion with gel food coloring. Then I take small amounts of each colored dough, roll them together into tie-dye cookies, press extra chocolate chips on top, chill, and bake. The result is soft cookies with vibrant swirls that kids and guests love.

A plate of rainbow chocolate chip cookies.

Chocolate Chip Cookies with Tie-Dye Swirls

These cookies are an easy way to make a simple chocolate chip cookie feel festive. The dough is soft and chewy, and the rainbow swirls add a playful pop of color. They’re ideal for birthdays, summer gatherings, pride events, or any time you want a fun dessert.

A stack of rainbow chocolate chip cookies against a neon blue background.

Get the Most Vibrant Colors!

For the brightest swirls use gel food coloring rather than liquid. Gel colors blend into the dough well without thinning it, giving vivid red, orange, yellow, green, blue, and purple shades without compromising texture.

Rainbow Chocolate Chip Cookies piled on top of each other.

Rainbow Chocolate Chip Cookies Recipe

Soft, chewy chocolate chip cookies swirled with six vibrant colors. Perfect for parties and summer desserts.
Prep Time:
20 mins
Cook Time:
14 mins
Chill Time:
30 mins
Total Time:
1 hr 4 mins
Ingredients for the recipe.

Equipment

  • 2 Baking Sheets
  • Stand Mixer
Serves
31 cookies

Ingredients

  • ¾ cup unsalted butter, slightly melted (1½ sticks)
  • 1½ cups brown sugar
  • ¼ cup granulated sugar
  • 2 large eggs, room temperature
  • 1 tablespoon pure vanilla extract
  • 3 cups all-purpose flour
  • 1 teaspoon baking soda
  • 1 teaspoon cornstarch
  • ½ teaspoon kosher salt
  • 1 cup + 3 tablespoons semisweet chocolate chips (divided)
  • Gel food coloring: red, orange, yellow, green, blue, purple
US Customary | Metric

Instructions

  • Line a baking sheet with parchment paper and set aside.
  • In the bowl of a stand mixer with the paddle attachment, beat the butter, brown sugar, and granulated sugar until well combined, about 2 minutes.
  • Add the eggs and vanilla, then beat on high until fully incorporated, about 1 minute.
  • In a separate bowl, whisk together the flour, baking soda, cornstarch, and salt.
  • Add the dry ingredients to the wet ingredients and mix on low just until combined. The dough should be thick but not crumbly.
  • Gently fold in 1 cup of chocolate chips by hand. Reserve 3 tablespoons of chips for topping.
  • Divide the dough evenly into 6 bowls (about 200 g per bowl). Tint each bowl a different color with gel food coloring: red, orange, yellow, green, blue, and purple.
  • Take about a teaspoon of each color, combine and roll them in your hands to form a single tie-dye dough ball (about 38 g). Repeat until all dough is portioned.
  • Press a few of the reserved chocolate chips on top of each unbaked cookie dough ball.
  • Place the tray of cookies in the freezer for 30 minutes to help prevent spreading while baking.
  • Preheat the oven to 350°F (175°C). Bake one tray at a time on parchment-lined baking sheets, spacing cookies about 2 inches apart.
  • Bake chilled cookies for 14 minutes. They may look slightly underdone when removed, but will firm up as they cool.
  • Allow cookies to cool completely on the baking sheet before transferring to a wire rack or serving plate.

Notes

Use gel food coloring for the best, most vibrant results. Chefmaster Liqua-Gel or a similar brand works well.

Tips:

  • Lightly spray your hands with non-stick cooking spray before rolling colored dough to avoid sticking.
  • Avoid overmixing after adding color to keep the hues bright and prevent muddying.
  • Keep unused dough chilled while baking in batches so cookies maintain their shape and color.
  • Bake one tray at a time for even results. Use plates or trays in the freezer if you don’t have extra baking sheets.

Storage: Store in an airtight container at room temperature up to 4 days, in the refrigerator up to 1 week, or frozen up to 1 month.

Nutrition Facts
Rainbow Chocolate Chip Cookies Recipe
Amount Per Serving (1 cookie)
Calories 189
Fat 8g — 12%
Saturated Fat 5g — 31%
Cholesterol 24mg — 8%
Sodium 82mg — 4%
Carbohydrates 26g — 9%
Fiber 1g — 4%
Sugar 15g — 17%
Protein 2g — 4%
Vitamin A 159IU — 3%
Calcium 20mg — 2%
Iron 1mg — 6%
* Percent Daily Values are based on a 2000 calorie diet.
Author: Becky Hardin
Course: cookie, Dessert
Cuisine: American

How to Make Rainbow Chocolate Chip Cookies Step by Step

Prep: Gather ingredients and bring eggs to room temperature. Soften butter slightly — it should be softened but not fully melted.

Ingredients for rainbow chocolate chip cookie dough.

Combine Butter and Sugars: In a stand mixer with the paddle attachment, beat ¾ cup unsalted butter, 1½ cups brown sugar, and ¼ cup granulated sugar until smooth, about 2 minutes.

Butter and sugars beaten together.

Add Wet Ingredients: Add 2 large eggs and 1 tablespoon vanilla, then beat on high about 1 minute until well combined.

Eggs and vanilla mixed into butter and sugar.

Add Dry Ingredients: Whisk 3 cups all-purpose flour, 1 teaspoon baking soda, 1 teaspoon cornstarch, and ½ teaspoon kosher salt. Add to the wet mixture and mix on low until combined.

Dry ingredients mixed into wet ingredients.

Add the Chocolate Chips: Fold in 1 cup of chocolate chips by hand and reserve 3 tablespoons for topping.

Chocolate chips folded in to cookie dough.

Color the Dough: Divide dough into 6 bowls and color each with gel food coloring: red, orange, yellow, green, blue, purple. Mix each color thoroughly.

Bowls of chocolate chip cookie dough dyed a range of rainbow colors.

Form Dough Balls: Take a teaspoon of each color, roll together to form a tie-dye dough ball. Press a few reserved chocolate chips on top of each ball. Freeze the tray of cookies for 30 minutes to prevent spreading.

Tie-dyed cookie dough balls arranged on a baking sheet.

Bake: Preheat oven to 350°F (175°C). Bake one tray at a time, spacing cookies 2 inches apart, for 14 minutes. Allow to cool completely on the baking sheet before transferring.

Baked rainbow chocolate chip cookies.

Cool and Serve: Let cookies cool completely, then serve or store as desired.

Nine rainbow cookies on a cooling rack.

How to Store

Store in an airtight container at room temperature up to 4 days, refrigerate up to 1 week, or freeze up to 1 month.

More Rainbow Desserts to Try!

  • Rainbow Cheesecake Bars

    Rainbow Cheesecake Bars

  • Jello Cookies

    Jello Cookies

  • Rainbow Poke Cake

    Rainbow Poke Cake

  • Candy Grapes

    Candy Grapes