Careful layering defines the San Francisco, a tall highball in which vodka, crème de banane, orange juice, and grenadine are assembled to leave a gradient of colour in the glass. Ice cubes go in first, then the vodka, the juice, and the banana liqueur, with the grenadine poured slowly down the side last so it sinks to the bottom for visual effect. Orange and strawberry garnishes complete the drink. Banana liqueur and orange juice anchor a sweet, tropical profile, while the sunken grenadine adds both colour and a final note of sweetness. At roughly 12 percent alcohol by volume, it is a fruit-forward party cocktail whose appeal owes as much to its appearance as to its flavour.

San Francisco cocktail in a highball glass — made with Vodka, Creme de Banane, and Grenadine

San Francisco

难度 Medium
热量 ~161 kcal
ABV 11.93%

原料

调制步骤

Take a tall glass and put in a few ice cubes, fill the vodka over it and fill with juice then the "creme", to end fill in the grenadine but very carefully at the side of the glass so it will lay down in the bottom. garnish with orange and strawberry.

Fruity Refreshing

旧金山是一款受加利福尼亚充满活力的城市启发的多彩果香鸡尾酒。各种果汁和利口酒相互融合,呈现出如金门大桥般闪耀的色彩与明亮清爽的口感。

History & Origins

The San Francisco cocktail is a modern creation of disputed origin, likely developed in European cocktail bars during the 1980s when layered, colorful drinks enjoyed widespread popularity. Its name evokes the iconic California city, though no specific connection to San Francisco has been established. It belongs to a category of fruit-based vodka cocktails that emerged as vodka became the dominant base spirit globally.

Tasting Notes

Aroma: Sweet ripe banana from the crème de banane with orange juice brightness and a hint of pomegranate from the grenadine. Palate: Very sweet and fruity, with banana liqueur and orange juice combining for a tropical character; grenadine adds a berry sweetness at the base. Finish: Sweet and soft, with a lingering banana and citrus note.

sweet banana orange fruity tropical

Pro Tip

Pour the grenadine gently down the inside of the glass last to achieve the layered color gradient without mixing.

Frequently Asked Questions

What ingredients are in a San Francisco cocktail?

The San Francisco is made with vodka, crème de banane (banana liqueur), grenadine, and orange juice. These are assembled carefully over ice in a highball glass to create a layered gradient effect, with the heavier grenadine sinking to the bottom.

How is the San Francisco cocktail served?

The San Francisco is served in a highball glass over ice, with ingredients poured in sequence to preserve the natural layering. The grenadine settles at the bottom, creating a sunrise-like gradient of colors from red through orange. It is garnished and consumed without stirring to appreciate the visual presentation.

What does the San Francisco cocktail taste like?

The San Francisco has a sweet, tropical flavor profile dominated by banana liqueur and orange juice, with grenadine adding fruity sweetness and color. The vodka provides a neutral alcoholic base that keeps the drink light and easy-drinking, making it a popular choice at parties.

营养成分 →

Embed on your site — CocktailFYI

Add the widget to any webpage using a script tag.

<div data-cocktailfyi="recipe" data-slug="san-francisco"></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/san-francisco/" 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/san-francisco/

Add a badge linking back to CocktailFYI.

<a href="https://cocktailfyi.com/recipes/san-francisco/" 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="san-francisco"]

Use as a native HTML custom element in modern browsers.

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