Back to palettes

Palette

Tropical Fruit Splash

An energetic burst of bright, juicy colors that captures the lively essence of exotic tropical fruits.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tropical Fruit Splash 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 Tropical Fruit Splash.

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

Data visualization

#FF9900#FFCC00#99CC33#0099CC#FF6699

Palette guide

How to use Tropical Fruit Splash

Overview

The Tropical Fruit Splash palette is an energetic burst of bright, juicy colors, perfectly capturing the lively essence of exotic fruits and playful summer days. It features a rich orange #FF9900 (Orange Peel), a sunny yellow #FFCC00 (Golden Yellow), a fresh lime green #99CC33 (Chartreuse Green), a cool turquoise #0099CC (Pacific Blue), and a vibrant hot pink #FF6699 (Shocking Pink). This collection is ideal for designers seeking to infuse projects with fun and dynamic energy. Developers can leverage these appealing hues for engaging e-commerce sites, vibrant social media campaigns, or interactive applications that aim to evoke joy, freshness, and a playful spirit across digital and print mediums.

Best used for

  • Children's brands and educational content
  • Summer event promotions and party invitations
  • Food and beverage packaging for juices or snacks
  • Playful website designs and mobile apps
  • Travel agencies specializing in beach holidays
  • Creative marketing materials and digital ads

Suggested color roles

primary

Use #FFCC00 (Golden Yellow) for main headers or dominant UI elements to establish a cheerful and inviting focal point.

secondary

Apply #0099CC (Pacific Blue) for navigational menus or secondary content blocks, providing a cool, refreshing contrast.

accent

Employ #FF6699 (Shocking Pink) for call-to-action buttons, key highlights, or interactive elements to grab attention with its bold vibrancy.

background

Utilize #99CC33 (Chartreuse Green) as a lively background for sections, maintaining an organic and energetic feel.

text

Dark charcoal or black text works well on #FFCC00, #FF9900, and #99CC33. For darker elements like #0099CC or #FF6699, white text offers optimal readability.

Accessibility notes

  • Ensure sufficient contrast between #FFCC00 (yellow) and text; black text is generally recommended.
  • Avoid pairing #FF6699 (pink) with #FF9900 (orange) for essential text or interactive elements due to potential low contrast.
  • The combination of #0099CC (blue) with white text offers good readability.
  • Always test color combinations with accessibility checkers, especially for users with color vision deficiencies, as bright hues can be challenging.

Recommended combinations

Sunny Delight

Creates a warm, inviting, and refreshing feel, ideal for hero sections or vibrant product showcases.

#FFCC00 · #FF9900 · #0099CC

Zesty Fun

Excellent for emphasizing playful branding or highlighting fun, energetic content with a fresh twist.

#99CC33 · #FF6699 · #FFCC00

Oceanic Pop

Provides a striking contrast of cool and warm, perfect for dynamic calls to action or eye-catching banners.

#0099CC · #FF6699 · #FF9900

CSS variables

:root {
  --tropical-fruit-splash-1: #FF9900;
  --tropical-fruit-splash-2: #FFCC00;
  --tropical-fruit-splash-3: #99CC33;
  --tropical-fruit-splash-4: #0099CC;
  --tropical-fruit-splash-5: #FF6699;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-fruit-splash": {
        1: "#FF9900",
        2: "#FFCC00",
        3: "#99CC33",
        4: "#0099CC",
        5: "#FF6699",
      }
    }
  }
}

Related searches

bright summer color paletteplayful fruit colorsenergetic tropical designcolorful web UIexotic branding hues

Palette colors

Hex values

Color 1#FF9900
·
Color 2#FFCC00
·
Color 3#99CC33
·
Color 4#0099CC
·
Color 5#FF6699
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.1:1Fail
1.5:1Fail
1.3:1Fail
2
1.4:1Fail
1.3:1Fail
2.2:1Fail
1.8:1Fail
3
1.1:1Fail
1.3:1Fail
1.7:1Fail
1.5:1Fail
4
1.5:1Fail
2.2:1Fail
1.7:1Fail
1.2:1Fail
5
1.3:1Fail
1.8:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Tropical Fruit Splash

View all vibrant
Tropical Nectar Splash
Exotic Fruit Burst
Island Drink Splash
Island Fruit Blend
Midsummer Carnival Delight
Orchard Fruit Medley