Orange and pineapple juice, mixed in equal parts with a splash of grenadine, make up the Afterglow, a non-alcoholic drink as notable for its appearance as its taste. The grenadine settles toward the bottom of the glass and bleeds upward through the juices, producing a sunset gradient when served over ice. Containing no alcohol and roughly 196 calories, it offers a tropical, fruit-driven profile suitable for any age. The pomegranate sweetness of the grenadine plays against the citrus and pineapple, lending both color and a measured depth of flavor.

Afterglow cocktail in a highball glass — made with Grenadine, Orange juice, and Pineapple juice

Afterglow

الكأس Highball glass
مستوى الصعوبة Easy
السعرات الحرارية ~196 kcal

المكونات

التعليمات

Mix. Serve over ice.

NonAlcoholic Fruity Refreshing

Afterglow is a non-alcoholic tropical mocktail that blends orange juice and pineapple juice in equal parts, with a splash of grenadine added for color and a touch of pomegranate sweetness. The grenadine sinks to the bottom and creates a sunset gradient effect when served over ice, making it as visually appealing as it is refreshing. At 0% ABV and 196 calories, it is a crowd-pleasing choice for all ages.

History & Origins

Afterglow is a modern mocktail creation with no documented historical origin, typical of the alcohol-free drink recipes developed in response to growing demand for sophisticated non-alcoholic options. The sunset-inspired color gradient created by the grenadine has made it a popular choice for themed parties and tropical-style venues. Its origin is disputed, as the recipe circulates widely without a credited inventor.

Tasting Notes

Aroma: Fresh tropical fruit — sweet pineapple and bright orange dominate, with a faint berry hint from the grenadine. Palate: Sweet and juicy, with tropical pineapple sweetness and fresh orange acidity balancing each other; grenadine adds a gentle pomegranate note without overpowering the fruit. Finish: Clean, refreshing, and lightly sweet.

tropical citrusy pineapple sweet fruity

Pro Tip

Pour the grenadine in last and do not stir immediately, allowing it to create a gradient sunset effect before serving.

Frequently Asked Questions

What is in the Afterglow mocktail?

The Afterglow is a non-alcoholic mocktail made from orange juice, pineapple juice, and grenadine, with zero alcohol content. The grenadine adds sweetness and a deep red-orange color at the bottom of the glass that fades into the lighter pineapple and orange tones above, creating the sunset visual effect suggested by its name.

How do you achieve the layered effect in an Afterglow?

To create the layered sunset effect, pour the pineapple and orange juices first over ice, then slowly drizzle the grenadine along the side of the glass or over the back of a spoon. The grenadine, being denser than the fruit juices, will sink to the bottom and create a gradient that mimics the colors of a sunset.

Is the Afterglow suitable for all ages?

Yes, the Afterglow is completely alcohol-free, making it suitable for children, pregnant women, designated drivers, and anyone avoiding alcohol. Its sweet, fruity flavor profile appeals broadly, and the dramatic sunset visual presentation makes it festive enough for celebratory occasions where alcoholic cocktails would otherwise be served.

القيم الغذائية →

Embed on your site — CocktailFYI

Add the widget to any webpage using a script tag.

<div data-cocktailfyi="recipe" data-slug="afterglow"></div>
<script src="https://cdn.jsdelivr.net/npm/cocktailfyi-embed@1/dist/embed.min.js" defer></script>

Embed using a standard iframe — works in any CMS.

<iframe src="https://cocktailfyi.com/iframe/recipe/afterglow/" width="100%" height="480" frameborder="0" loading="lazy" title="CocktailFYI recipe widget"></iframe>

Paste the URL into WordPress, Medium, or any oEmbed-aware editor.

https://cocktailfyi.com/recipes/afterglow/

Add a badge linking back to CocktailFYI.

<a href="https://cocktailfyi.com/recipes/afterglow/" target="_blank" rel="noopener">
  <img src="https://cocktailfyi.com/badge/site.svg" alt="CocktailFYI" height="20">
</a>
Preview: CocktailFYI

Use the CocktailFYI WordPress plugin shortcode.

[drinkfyi-recipe site="cocktailfyi" slug="afterglow"]

Use as a native HTML custom element in modern browsers.

<cocktailfyi-recipe slug="afterglow" theme="light"></cocktailfyi-recipe>
<script src="https://cdn.jsdelivr.net/npm/cocktailfyi-embed@1/dist/embed.min.js" defer></script>