Colorful Chocolate Chip Cookies: Soft, Chewy Rainbow Treats

My rainbow chocolate chip cookies are a fun, colorful twist on a classic favorite. I start with a reliable chocolate chip cookie dough, divide it into six portions, and tint each portion with gel food coloring to create bright red, orange, yellow, green, blue, and purple swirls. Soft and chewy with pockets of semisweet chocolate chips, these cookies are easy to assemble and perfect for parties, celebrations, or an after-school treat.

A plate of rainbow chocolate chip cookies.

Chocolate Chip Cookies with Tie-Dye Swirls

This recipe is simple and kid-friendly. After making the base cookie dough, I split it into six bowls and mix gel color into each. To form a single cookie, I take a small amount from each colored bowl and roll them together into a tie-dye ball. A few extra chocolate chips pressed on top add the classic cookie look and extra chocolatey bites.

These cookies are ideal for birthdays, summer gatherings, Pride events, St. Patrick’s Day, or any time you want a festive dessert. Because the dough is chilled before baking, the cookies hold their shape and spread less, preserving the vivid swirls.

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

Get the Most Vibrant Colors!

For the brightest hues use gel or paste food coloring rather than liquid food coloring. Gel provides concentrated color without thinning the dough. I used gel shades in red, orange, yellow, green, blue, and purple for the best tie-dye effect.

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. Easy to make and perfect for celebrations or summer desserts.
Prep Time:
20 mins
Cook Time:
14 mins
Chill Time:
30 mins
Total Time:
1 hr 4 mins
Rainbow Chocolate Chip Cookies piled on top of each other.

Equipment

  • 2 Baking sheets
  • Stand mixer (or large bowl and hand mixer)
Serves 31 cookies

Ingredients

  • ¾ cup unsalted butter slightly melted (1½ sticks)
  • 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
  • 19 tablespoons semisweet chocolate chips divided (1 cup + 3 tablespoons)
  • Gel food coloring red, orange, yellow, green, blue, and purple

Instructions

  • Line baking sheets with parchment paper and set aside.
  • In a stand mixer fitted with the paddle attachment, beat the butter, brown sugar, and granulated sugar until well combined, about 2 minutes.
  • Add the eggs and vanilla and beat on high until 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 until just combined; the dough should be thick but not crumbly.
  • Gently fold in 1 cup of the chocolate chips by hand. Reserve 3 tablespoons of chips for topping.
  • Divide the dough evenly into six bowls. Tint each bowl a different color using gel food coloring and stir until fully combined.
  • Take a teaspoon of each colored dough and roll them together into a single tie-dye dough ball (about 38 grams). Lightly spray or oil your hands if the dough is sticky.
  • Press a few of the reserved chocolate chips onto the top of each dough ball. Place the tray of formed cookies in the freezer for 30 minutes to chill; this helps prevent spreading.
  • Preheat the oven to 350°F. Arrange chilled cookies about 2 inches apart on a parchment-lined baking sheet and bake one tray at a time for 14 minutes. They may look slightly underdone when removed but will set as they cool.
  • Let cookies cool completely on the baking sheet, then transfer to a wire rack or serving plate.

Notes

For vivid colors, use concentrated gel food coloring. A small amount goes a long way.

Tips:

  • Lightly spray hands with nonstick spray before rolling if the dough is sticky.
  • Avoid overmixing after adding the colors to keep swirls distinct and bright.
  • Freeze formed cookies while others bake so you always have chilled dough ready.

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

Nutrition Facts
Rainbow Chocolate Chip Cookies Recipe
Amount Per Serving (1 cookie)
Calories 189Calories from Fat 72
% Daily Value*
Fat 8g12%
Saturated Fat 5g31%
Cholesterol 24mg8%
Sodium 82mg4%
Carbohydrates 26g9%
Sugar 15g17%
Protein 2g4%
* 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. Slightly melt the butter so it is softened but not fully liquid.

Ingredients for rainbow chocolate chip cookie dough.

Combine Butter and Sugars: Beat ¾ cup unsalted butter, 1½ cups brown sugar, and ¼ cup granulated sugar in a mixer until combined, about 2 minutes.

Butter and sugars beaten together.

Add Wet Ingredients: Mix in 2 large eggs and 1 tablespoon vanilla on high until fully incorporated, about 1 minute.

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 just combined — the dough should be thick.

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 the unbaked cookies.

Chocolate chips folded in to cookie dough.

Color the Dough: Divide dough into six equal portions and tint each with gel food coloring — red, orange, yellow, green, blue, and purple. Mix each color thoroughly so it is evenly distributed.

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

Form Cookie Dough Balls: Combine a small scoop of each color and roll them together to make tie-dyed dough balls. Press a few reserved chips on top, then freeze the tray of formed cookies for 30 minutes to keep them from spreading too much.

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

Bake the Cookies: Preheat oven to 350°F. Place chilled cookies about 2 inches apart on a parchment-lined baking sheet and bake one tray at a time for 14 minutes. Allow them to cool on the baking sheet so they finish setting.

Baked rainbow chocolate chip cookies.

Cool and Serve: Let cookies cool completely before serving. They look bright and festive on a platter or stacked for a party display.

Nine rainbow cookies on a cooling rack.

How to Store

Store cookies in an airtight container at room temperature up to 4 days, in the refrigerator up to 1 week, or in the freezer 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