Blue Hawaiian Mocktail (or Cocktail) Drink Recipe

Jump to RecipeSave to FavoritesPrint

This post may contain affiliate links. Please read our disclosure policy.

A tasty, blue-hued tropical Blue Hawaiian Mocktail recipe that is refreshing, sweet, and absolutely delicious! This fun drink has simple ingredients and tastes like paradise with every sip! Make it a mocktail or cocktail with easy steps. 

a blue Hawaiian mocktail in a highball glass topped with an orange wedge.
Save Recipe
Want to save this recipe?
Just enter your email and get it sent to your inbox! Plus you’ll get new recipes from us every week!

What is the History of the Blue Hawaiian Cocktail? 

The Blue Hawaiian cocktail is a classic tropical drink with fruity flavors, including rum, Blue Curaรงao, pineapple juice, and coconut cream.

It is believed to have originated in Hawaii and is widely attributed to bartender Harry Yee. Yee was a renowned bartender who worked at the Hilton Hawaiian Village in Waikiki, Oahu. In addition to cocktails like the mai tai and pina colada, this delicious tropical drink has become popular among visitors to Hawaii.

This Blue Hawaiian mocktail captures the tropical essence of the original cocktail, offering a refreshing and fruity, gorgeous drink with vibrant aquamarine color. It’s a delightful choice for those seeking a non-alcoholic beverage that transports you to vacation and relaxation on a tropical island in no time.

What Makes This Recipe Great

If youโ€™re loving my Virgin Strawberry Pineapple Mojito Mocktail, Iโ€™ve got another fun one for you! This tropical mocktail is a fun summertime favorite with pineapple and coconut flavors and a beautiful, bright blue hue. Itโ€™s an easy recipe with simple steps and the most refreshing result! 

Made with fresh citrus juices, pineapple juice, coconut cream, coconut water, virgin blue curacao syrup, and lemon-lime soda, this Blue Hawaiian Recipe is perfect for a hot summer day by the pool or on the beach. 

And no matter where you actually are, these tropical flavors will make you feel like youโ€™re in paradise! 

Ingredient Notes

recipe ingredients in their original packaging

Mocktail Version

  • Pineapple juice
  • Orange juice: Instead of an alcoholic orange liqueur like triple sec, I used orange juice. 
  • Blue curacao syrup: While the classic blue curacao liqueur is alcoholic, the non-alcoholic version is easy to find on Amazon or in specialty stores like BevMo. 
  • Cream of coconut: For a less sweet version, you can also use unsweetened canned coconut cream or the thick part of a can of coconut milk. 
  • Lemon juice
  • Coconut water
  • Lemon-lime soda: For a low-sugar option, use Zevia or Olipop. If sugar isnโ€™t an issue, feel free to use Sprite or 7Up

Cocktail Version

  • Coconut rum or Pineapple vodka: To make the alcoholic version of this blue Hawaiian cocktail recipe, add a shot of coconut rum, white rum, or pineapple vodka. 

Step-by-Step Instructions

a cocktail shaker filled with blue liquid
  1. Add all ingredients except the lemon-lime soda to a cocktail shaker. Shake vigorously for 30 seconds. Strain over crushed ice. Top with the lemon-lime soda and garnish with an orange slice. 
an overhead shot of a blue hawaiian mocktail in glass filled with ice and topped with and orange slice.

Mac’s Pro Tips

Expert Tips

  • Blended: If you want this blended, instead of over ice, simply add all ingredients to a blender and blend until smooth! Pour into your favorite glass and garnish as desired. Itโ€™ll have the same beautiful blue color, just a frozen version!

Serving Tips

  • Serve this blue Hawaiian mocktail in your favorite cocktail glass over ice cubes and garnish with a slice of orange and a cocktail umbrella! 
  • Other classic garnishes are a maraschino cherry and/or a fresh pineapple wedge. Feel free to garnish as desired. 
an up close photo of the top of a blue drink with an orange peel on top.

Recipe FAQs

Whatโ€™s the difference between Blue Hawaii vs. Blue Hawaiian?ย 

Thereโ€™s really only one major difference. The Blue Hawaii cocktail contains a sweet and sour mix, and the Blue Hawaiian drink uses cream of coconut. One is more tangy, and the other has more of a creamy coconut flavor.ย 

More Delicious & Fruity Cocktails/Mocktails

If you love this recipe, please give it a star rating and leave a comment below! Follow me on Pinterest, Facebook, and Instagram for more!

Follow on Instagram

Follow

Blue Hawaiian Mocktail (or Cocktail) Drink Recipe

A tasty, blue-hued tropical Blue Hawaiian Mocktail recipe that is refreshing, sweet, and absolutely delicious! This fun drink has simple ingredients and tastes like paradise with every sip! Make it a mocktail or cocktail with easy steps.ย 
Prep Time: 4 minutes
Total Time: 5 minutes
Servings: 1 mocktail

Ingredients  

  • 2 oz pineapple juice
  • 2 oz orange juice
  • 2 teaspoons blue curacao syrup non alcholic
  • 1-2 teaspoons cream of coco*
  • .5 oz lemon juice
  • 1 oz coconut water
  • Lemon Lime Soda Olipop or Zevia

Cocktail version

  • add 1.5 oz coconut rum or pineapple vodka

Instructions 

  • Add everything except the lemon lime soda to a cocktail shaker. Shake vigorously for 30 seconds. Pour over crushed ice. Top with the lemon lime soda and garnish with an orange slice.

Notes

Expert Tips

  • Blended: If you want this blended, instead of over ice, simply add all ingredients to a blender and blend until smooth! Pour into your favorite glass and garnish as desired. Itโ€™ll have the same beautiful blue color, just a frozen version!

Serving Tips

  • Serve this blue Hawaiian mocktail in your favorite cocktail glass over ice cubes and garnish with a slice of orange and a cocktail umbrella!ย 
  • Other classic garnishes are a maraschino cherry and/or a fresh pineapple wedge. Feel free to garnish as desired.ย 

Nutrition

Calories: 123kcal | Carbohydrates: 29g | Protein: 1g | Fat: 1g | Saturated Fat: 1g | Polyunsaturated Fat: 0.04g | Monounsaturated Fat: 0.03g | Sodium: 42mg | Potassium: 281mg | Fiber: 1g | Sugar: 25g | Vitamin A: 117IU | Vitamin C: 40mg | Calcium: 23mg | Iron: 1mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Tried this recipe?Mention @healthylittlepeach or tag #healthylittlepeach!

View More Delicious Recipes

Leave a comment

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

Recipe Rating