Back to palettes

Palette

Tropic Cocktail Hour

A vibrant, joyful explosion of colors from exotic fruits and festive tropical drinks.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tropic Cocktail Hour reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Tropic Cocktail Hour.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#FF69B4#FFA500#32CD32#1E90FF#FFD700

Palette guide

How to use Tropic Cocktail Hour

Overview

The Tropic Cocktail Hour palette is a lively and playful collection bursting with the energy of exotic fruits and festive drinks. Featuring a delightful mix of hot pink (#FF69B4), bright orange (#FFA500), vivid lime green (#32CD32), electric blue (#1E90FF), and sunny yellow (#FFD700), this palette is perfect for designs that aim to evoke joy, celebration, and a summer vibe. Developers and designers can leverage its dynamic range to create captivating interfaces, marketing materials, or event promotions that truly pop. It’s an ideal choice for projects demanding high energy and a memorable, tropical aesthetic.

Best used for

  • Summer event promotions and invitations
  • Party and celebration-themed websites
  • Children's product branding and packaging
  • Festival and concert website interfaces
  • Playful mobile game graphics and UI
  • Tropical resort and travel marketing campaigns

Suggested color roles

primary

Use #1E90FF as a bold, inviting blue for main headers or key interactive elements, offering stability amidst the vibrancy.

secondary

Apply #FF69B4 as a fun, engaging pink for secondary calls-to-action or decorative accents, adding a playful touch.

accent

Utilize #FFA500 for highlights, notifications, or small, attention-grabbing details, providing energetic pops.

background

Employ a pure white ("#FFFFFF") or a very light gray ("#F5F5F5") to let the vibrant colors truly shine and maintain clarity.

text

A dark charcoal ("#333333") is recommended for main body text to ensure legibility against light backgrounds, while #1E90FF can be used for headings.

Accessibility notes

  • Ensure sufficient contrast when using any of the vibrant colors for text on light backgrounds; avoid using them for large blocks of body text.
  • Avoid placing #FFA500 text on a #FFD700 background due to extremely low contrast and poor readability.
  • Use a dark neutral like charcoal or black for body text to ensure readability against bright backgrounds.
  • Provide alternative text or patterns for color-coded information to support users with color vision deficiencies.

Recommended combinations

Sunset Glow

Ideal for warm, inviting headers, playful graphic elements, or creating a festive, sunset-inspired gradient.

#FFA500 · #FFD700 · #FF69B4

Oceanic Burst

Great for dynamic calls-to-action, vibrant section dividers, or designs needing a fresh, energetic contrast.

#1E90FF · #32CD32 · #FF69B4

Festive Mix

Excellent for event branding, eye-catching promotional materials, or designs that need a balanced yet bold trio.

#FF69B4 · #FFA500 · #1E90FF

CSS variables

:root {
  --tropic-cocktail-hour-1: #FF69B4;
  --tropic-cocktail-hour-2: #FFA500;
  --tropic-cocktail-hour-3: #32CD32;
  --tropic-cocktail-hour-4: #1E90FF;
  --tropic-cocktail-hour-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropic-cocktail-hour": {
        1: "#FF69B4",
        2: "#FFA500",
        3: "#32CD32",
        4: "#1E90FF",
        5: "#FFD700",
      }
    }
  }
}

Related searches

playful tropical color schemevibrant summer palettecocktail party colorsbright festival designfun neon color combination

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#FFA500
·
Color 3#32CD32
·
Color 4#1E90FF
·
Color 5#FFD700
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.2:1Fail
1.2:1Fail
1.9:1Fail
2
1.3:1Fail
1.1:1Fail
1.6:1Fail
1.4:1Fail
3
1.2:1Fail
1.1:1Fail
1.5:1Fail
1.5:1Fail
4
1.2:1Fail
1.6:1Fail
1.5:1Fail
2.3:1Fail
5
1.9:1Fail
1.4:1Fail
1.5:1Fail
2.3:1Fail

Similar palettes

More like Tropic Cocktail Hour

View all vibrant
Exotic Fruit Basket
Flamingo Beach Party
Plume Fiesta Bright
Tropical Fruit Splash
Zesty Fruit Punch
Amusement Pier Neon