Back to palettes

Palette

Tropical Fruit Pop

A burst of juicy yellows, oranges, and pinks, celebrating the vibrant energy of 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 Pop 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 Pop.

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

Data visualization

#FFD700#FF6347#3CB371#FF1493#FFA07A

Palette guide

How to use Tropical Fruit Pop

Overview

The Tropical Fruit Pop palette is a burst of juicy yellows, oranges, and pinks, celebrating the vibrant energy of tropical fruits. It features a brilliant gold #FFD700, a lively tomato red #FF6347, a refreshing mint green #3CB371, a striking deep pink #FF1493, and a soft salmon #FFA07A. This collection is incredibly versatile for designers and developers aiming to infuse their projects with a playful, energetic, and fresh aesthetic. The harmonious blend of bold and softer tones allows for dynamic visual storytelling, making it ideal for creating engaging digital interfaces, cheerful marketing materials, or lively product packaging. It's a perfect choice for designs that demand a high-impact, fun, and inviting mood.

Best used for

  • Youth-focused brands and products
  • Summer-themed digital campaigns
  • Interactive app designs and games
  • Food and beverage marketing (especially juices, popsicles)
  • Event branding for lively gatherings
  • Playful fashion and accessory designs

Suggested color roles

primary

#FFD700 - A brilliant gold, perfect for main headings, hero sections, and primary calls to action, conveying warmth and optimism.

secondary

#FF1493 - A striking deep pink, excellent for secondary buttons, interactive elements, or to add a bold, playful touch.

accent

#3CB371 - A refreshing mint green, ideal for natural accents, icons, or to provide a vibrant, organic contrast.

background

A clean white or a very light cream (#FFF8E1) provides a neutral canvas, allowing the vibrant fruit colors to truly shine.

text

For body text, a deep charcoal (#333333) or a rich, dark brown (#4A2C18) offers excellent legibility and complements the vibrant palette.

Accessibility notes

  • Ensure sufficient contrast for text on #FFD700, #FFA07A, or #FF6347, prioritizing dark text for readability.
  • Verify that #FF1493 and #3CB371 provide adequate contrast against their backgrounds for critical UI elements.
  • Avoid using #FF6347 (red) and #3CB371 (green) in close proximity for conveying status or critical information to assist colorblind users.
  • Regularly test all color combinations against WCAG 2.1 AA standards for optimal accessibility.

Recommended combinations

Sweet & Zesty

Creates an energetic, fruity gradient or bold color blocks for expressive and playful designs.

#FFD700 · #FF6347 · #FF1493

Fresh Pop

Ideal for designs needing a fresh, vibrant, and slightly unexpected combination, great for interactive elements and illustrations.

#3CB371 · #FFA07A · #FFD700

Bold Contrast

Provides strong visual separation, perfect for headers, footers, and call-to-action sections with high impact.

#FF1493 · #FFD700 · #3CB371

CSS variables

:root {
  --tropical-fruit-pop-1: #FFD700;
  --tropical-fruit-pop-2: #FF6347;
  --tropical-fruit-pop-3: #3CB371;
  --tropical-fruit-pop-4: #FF1493;
  --tropical-fruit-pop-5: #FFA07A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-fruit-pop": {
        1: "#FFD700",
        2: "#FF6347",
        3: "#3CB371",
        4: "#FF1493",
        5: "#FFA07A",
      }
    }
  }
}

Related searches

vibrant tropical color schemeenergetic summer paletteplayful fruit design colorsbright pop art palettejuicy web interface colors

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FF6347
·
Color 3#3CB371
·
Color 4#FF1493
·
Color 5#FFA07A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
1.9:1Fail
2.6:1Fail
1.4:1Fail
2
2.1:1Fail
1.1:1Fail
1.2:1Fail
1.5:1Fail
3
1.9:1Fail
1.1:1Fail
1.4:1Fail
1.3:1Fail
4
2.6:1Fail
1.2:1Fail
1.4:1Fail
1.8:1Fail
5
1.4:1Fail
1.5:1Fail
1.3:1Fail
1.8:1Fail

Similar palettes

More like Tropical Fruit Pop

View all Vibrant
Exotic Isle Refresh
Lemonade Stand Zest
Rainforest Birdsong
Abstract Urban Rush
Coral Reef Kaleidoscope
Cosmic Aurora Glow