• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Food Metamorphosis logo
  • Home
  • Recipes
  • Meal Plan
  • About
  • Spanish
  • Nav Social Menu

    • Facebook
    • Instagram
    • Pinterest
    • YouTube
menu icon
go to homepage
  • Recipes
  • Meal Plan
  • About
  • Spanish
    • Instagram
    • Pinterest
    • YouTube
  • search icon
    Homepage link
    • Recipes
    • Meal Plan
    • About
    • Spanish
    • Instagram
    • Pinterest
    • YouTube
  • ×
    Home » Recipes » Desserts

    Coconut Cinnamon Rolls With Coconut Cream Cheese Frosting

    by Stephenie Published: Dec 4, 2025 . Leave a Comment. As an Amazon Associate, I earn from qualifying purchases.

    Jump to Recipe Pin Recipe

    These Easy Coconut Cinnamon Rolls are delicious! They’re fluffy and soft with a soft coconut flavor. This is a super simple recipe that you can make ahead of time! Which makes them perfect to make during the holidays or parties.

    12 coconut cinnamon rolls with a coconut cream cheese and sprinkled with shredded coconut flakes.

    These Easy Coconut Cinnamon Rolls with Cream Cheese Frosting are so good. These are perfect as a sweet breakfast, just like the dutch baby with coconut milk.

    But if you’re like me, and like something sweet after dinner, then serve it as a dessert. This is perfect because these cinnamon rolls are not overly sweet.

    The perfect time to make these coconut cinnamon rolls is all the time! Make them on Christmas morning, or over summer vacation to make with your kids, family, or friends.

    Jump to:
    • Why This Recipe Works
    • Recipe Ingredients
    • How to Make Coconut Cinnamon Rolls
    • Recipe Tips
    • More Sweet Recipes
    • Coconut Cinnamon Rolls

    Why This Recipe Works

    • You can make these cinnamon rolls way ahead of time by freezing them!
    • You can make these rolls with ingredients that you can find in any supermarket.

    Recipe Ingredients

    All the ingredients needed to make coconut flavor cinnamon rolls.
    • Flour- I like using all-purpose flour to make cinnamon rolls, but you can also use bread flour.
    • Milk- I used regular milk, not coconut milk, because I add the coconut flavor with the extract.
    • Eggs- I used 2 eggs at room temperature, like all the other ingredients.
    • Yeast- I used instant yeast because I love that I can add it directly to my mix without having to proof it. So this is more a convenience, but you can use active yeast if that’s what you have or prefer.
    • Sugar- I like using plain white regular sugar, but you can substitute it with brown sugar.
    • Salt- I always like to salt any sweet recipe because it does make a difference in balancing the sweetness of the recipe.
    • Coconut extract- The best way to add a soft coconut flavor is by adding a good coconut extract. It will add a smooth coconut flavor without adding all the fat content that the coconut milk has.
    All the ingredients needed to make coconut cinnamon rolls butter filling.
    • Cinnamon- The cinnamon is a must in a cinnamon roll, but I don’t add too much because I don’t want it to overpower the other flavors.
    • Coconut flakes- The coconut flakes, besides deepening the coconut flavor, also add a crunchy texture to the cinnamon rolls.
    • Butter- I like using salted butter to make cinnamon rolls.

    How to Make Coconut Cinnamon Rolls


    Recipe collage on how to make coconut cinnamon rolls and on one side mixing the dough and letting it rise in the other.
    • Photo 1: For the first step, you can make this by hand or in a hand mixer. Add all of your ingredients to the bowl at the same time. Mix for 10 minutes on low speed.
    • Photo 2: Then, grease a bowl with a little bit of oil or use any butter left on the butter wrapper. Put the dough in the bowl, cover it, and let it rise for 1 hour.
    Recipe collage on how to make coconut cinnamon rolls one one side the cinnamon butter for the filling and flattening the dough on the other side.
    • Photo 3: While the dough rises, make the butter filling. In a bowl, add the softened butter, cinnamon, and sugar. You can use a hand mixer or a spoon to mix it until everything is smooth. Plus, now is a good time to do any of the dishes you have and save time later.
    • Photo 4: Roll the dough. First, try to flatten the dough with your hands into a small rectangle. Then, with a rolling pin, completely roll out the dough. It doesn’t have to be exact, but roll the dough into a 12×20 rectangle.
    Recipe collage on how to make coconut cinnamon rolls on one side adding the cinnamon butter filling and rolling the cinnamons on the other.
    • Photo 5: Spread the filling all over the dough. I always like to add more of the filling on the border of the dough and spread it around. I do it this way because I tend to add more filling in the middle, and this way is easier to spread evenly.
    • Photo 6: Roll the dough. For me, it is easier to roll it from the side that is closest to me.
    Recipe collage on how to make coconut flavor cinnamon rolls and on one side cutting the rolls and placing them in a baking tray on the other.
    • Photo 7: Now, we have to cut the dough. For this, you have two options. You can use a knife, which is the easiest method, but it can flatten the dough a little bit. Or you can use an unflavored dental floss. If the dough is very soft, lift it up, place the floss under and cut. But if the dough is not too soft, you can slide the floss under.
    • Photo 8: Line a 9×13 baking pan and place your cinnamon rolls. Depending on what pan you use, try to place the rolls at least ½ inch apart. Remember that they grow while they rise. Cover the pan and let the rolls rise for 1 hour or until they double in size.
    Recipe collage on how to make coconut cinnamon rolls and one side the finished icing for the rolls and adding it on the other.
    • Photo 9: While your rolls rise, make your icing or frosting. In a small bowl, add your sugar, vanilla, coconut extract, and cream cheese or butter. This will depend on whether you’re making a cream cheese frosting or a classic cinnamon roll glaze. Preheat the oven at least 10 minutes before baking the rolls.
    • Photo 10: Uncover the rolls, bake for 30 minutes. Let them cool, and add the icing.

    Recipe Tips

    • If you’re making this recipe on a very hot summer day and you’re trying to roll the dough, it is best to chill it before rolling.
    • To make the rolls ahead of time, just make cinnamon rolls, but don’t bake them. Place them in an airtight container or freezer bag and freeze until you want to bake.
    • You can add different ingredients to make your cinnamon roll butter filling. A great option is to add crushed coconut flavor cookies or any flavor crushed cookies.
    A coconut cinnamon rolls with a coconut cream cheese frosting and coconut flakes on top.

    More Sweet Recipes

    • a stack of 3 fried sugar donuts and a couple of donut holes on the side.
      Sugar Donuts
    • plate with a big piece of a lemon tres leches decorated with lemons on top.
      Lemon Tres Leches Cake
    • a wooden round plate with pastelillos de guayaba.
      Pastelillos de Guayaba (Guava Pastries)
    • a side view of a puerto rican flan de queso with a lot of caramel and a few plates with forks on the background.
      Puerto Rican Flan de Queso

    💬 If you enjoyed this Coconut Cinnamon Rolls recipe, give it a 5-star rating and leave a comment or question below.

    Watch us on YouTube or follow along on our Facebook Page, on Instagram, or on Pinterest.

    A coconut cinnamon rolls with a coconut cream cheese frosting and coconut flakes on top.

    Coconut Cinnamon Rolls

    These coconut cinnamon rolls are the perfect sweet dessert that you can have as a snack. Or better yet as a sweet warm breakfast.
    By: Stephenie
    No ratings yet
    Print Pin Recipe SaveSaved!
    Prep :2 hours hrs 15 minutes mins
    Cook :30 minutes mins
    Time :2 hours hrs 45 minutes mins
    servings :12

    Ingredients
      

    For the dough

    • 1 cup warm milk (250g)
    • ½ cup soften butter (113g)
    • 2 eggs
    • ½ cup sugar (120g)
    • 2 ¼ teaspoon instant yeast (9g)
    • 1 teaspoon coconut extract
    • 4 cups all purpose flour (600g)
    • ½ teaspoon salt (4g)

    For the filling

    • ½ cup sugar
    • 1 tablespoon ground cinnamon (7g)
    • ½ cup soften butter (113g)
    • ¼ cup shredded coconut (22g)

    For the coconut cream cheese

    • 4 ounces cream cheese (113g)
    • 1 cup powder sugar (120g)
    • ½ teaspoon vanilla extract
    • ½ teaspoon coconut extract
    • 2 teaspoon milk
    Prevent your screen from going dark

    Instructions
     

    • In a large bowl or mixer, add the warm milk, softened butter, eggs, sugar, yeast, coconut extract, salt, and flour. If using a stand mixer, mix on low speed for 10 minutes. If you're mixing by hand, mix the dough until it comes together. Transfer to a floured surface and knead for 10-12 minutes or until a smooth ball is formed.
    • Place the dough into an oiled or buttered bowl and cover with plastic wrap. Let the dough sit in a warm place to rise for 1 hour.
    • Make the butter filling. Add the butter, sugar, and cinnamon to a small bowl. Combine until you have a smooth paste.
    • Move the dough to a floured surface and flatten it down with your hands. Try to shape it into a rectangle. Then finish flattening the dough into a 12×20 rectangle.
    • Spread the butter filling onto the dough. Once spread evenly, sprinkle the shredded coconut on top. Then tightly roll the dough into a cylinder. Gently with a dough scraper or knife, mark the dough in half, and each half into 6 pieces. Use a knife or unflavored dental floss to cut the dough.
    • Line a 9×13 baking pan with parchment paper. Place the roll with ½ inch space in between or at least equally spaced. Cover the pan with foil or plastic wrap and let the rolls rise for 1 hour or until they double in size. If making this ahead of time, *see notes*.
    • While the rolls rise, make the icing or frosting. In a small bowl, add the cream cheese, powdered sugar, milk, vanilla, and coconut extract. You can use a hand blender or a spoon to mix. You need to mix until everything is well combined and the frosting has no lumps. Cover and set it aside.
    • Preheat oven to 350°F. Uncover the rolls and bake in the middle rack of the oven for 30 minutes. Let the rolls cool before icing.
    • Add a tablespoon and a half of the cream cheese frosting to each cinnamon roll and enjoy. ¡Buen provecho!

    Recipe Notes

    • Number of rolls.  You can cut your rolls into whatever size you prefer. Make them smaller by cutting them thinner to about 1-inch-thick pieces. If you want larger rolls, cut them into 2 to 2 ½ inch thick pieces.
    • Cold proofing.  If you want to make ahead, make the recipe, but don’t bake it. Cover and place in the fridge overnight. Or place them in the freezer in a freezer bag. Remove from the fridge or freezer and let them get to room temperature. Then preheat your oven, and bake.  
    • Storage.  Store in an airtight container in the fridge for up to 5 days.

    Nutrition

    Calories: 467kcal | Carbohydrates: 62g | Protein: 8g | Fat: 21g | Saturated Fat: 13g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 5g | Trans Fat: 1g | Cholesterol: 80mg | Sodium: 274mg | Potassium: 136mg | Fiber: 2g | Sugar: 29g | Vitamin A: 675IU | Vitamin C: 0.05mg | Calcium: 58mg | Iron: 2mg

    *The nutrition information is automatically calculated, so this is only an approximation.

    Course :Breakfast | Dessert
    Cuisine :American
    Tried this Recipe? Leave A Comment Below!

    Reader Interactions

    Leave a Comment

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

    Recipe Rating




    Primary Sidebar

    stephenie profile photo.

    Hi! Welcome

    I'm Stephenie, the creator and cook behind Food Metamorphosis. Here you'll find flavorful and easy-to-follow recipes.

    Learn more →


    Limber!


    • a puerto rican limber de mani.
      Limber de Mani (Peanut Butter Frozen Cups)
    • a limber de nutella on top of some coasters.
      Limber de Nutella (Frozen Nutella Cups)
    • a limber de cheesecake with cookie crumbs around.
      Limber de Cheesecake (Cheesecake Flavor Frozen Cups)
    • 2 limber de queso.
      Limber de Queso (Cheese Flavor Frozen Cups)

    Footer

    ↑ back to top

    Quick Links

    About

    Contact

    Privacy Policy

    Accessibility

    Start Here

    Recipe Index

    Puerto Rican Recipes

    Connect

    Youtube

    Pinterest

    Instagram

    Facebook

    Copyright © 2026 Food Metamorphosis

    31 shares

    Rate This Recipe

    Your vote:




    A rating is required
    A name is required
    An email is required