Back to palettes

Palette

Tropical Fruit Salad

A joyful explosion of bright, juicy colors found in a delicious, exotic fruit salad.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#FFD700#00FF7F#00BFFF#FF69B4

Palette guide

How to use Tropical Fruit Salad

Overview

The Tropical Fruit Salad palette is a vibrant explosion of joyful, sweet hues designed to bring energy and playfulness to any project. Featuring delightful shades like soft pink #FFC0CB (Cherry Blossom), sunny yellow #FFD700 (Gold), fresh green #00FF7F (Spring Green), lively blue #00BFFF (Deep Sky Blue), and a bold fuchsia #FF69B4 (Hot Pink), this collection is perfect for designers seeking to evoke a sense of fun and exotic freshness. Developers can leverage these distinct colors for call-to-action buttons, interactive elements, or sections requiring high visual impact, ensuring a lively and engaging user experience across digital and print mediums. Its rich variety prevents monotony, making it adaptable for diverse design needs.

Best used for

  • Children's apparel and toy branding
  • Summer event promotions and party invitations
  • Food and beverage packaging, especially for juices or snacks
  • Playful website designs and mobile apps
  • Vibrant social media campaigns and digital ads
  • Resort and travel industry marketing materials

Suggested color roles

primary

Use #FFD700 (Gold) for main headers or dominant UI elements to establish a cheerful and energetic foundation.

secondary

Employ #00BFFF (Deep Sky Blue) for navigational menus or secondary content blocks, providing a cool contrast and stability.

accent

Apply #FF69B4 (Hot Pink) for call-to-action buttons, key highlights, or interactive elements to command attention with its bold vibrancy.

background

Utilize #FFC0CB (Cherry Blossom) as a light, airy background for a soft, inviting canvas, ensuring other colors pop.

text

For body text, use a dark charcoal or black on lighter backgrounds like #FFC0CB or #FFD700. For dark elements, opt for white or a very light gray for optimal legibility.

Accessibility notes

  • Ensure sufficient contrast between #FFD700 and text; black text is generally recommended.
  • Avoid pairing #FFC0CB (pink) with #FF69B4 (hot pink) for essential text or interactive elements due to low contrast.
  • Use #00FF7F (green) and #00BFFF (blue) with white or light gray text for better readability.
  • Always test color combinations with accessibility checkers, especially for users with color vision deficiencies, as bright hues can be challenging.

Recommended combinations

Tropical Punch

Ideal for vibrant hero sections or festive product highlights, combining warmth with cool accents.

#FFD700 · #FF69B4 · #00BFFF

Garden Fresh

Creates a refreshing, natural feel; suitable for health-focused content or serene digital backgrounds.

#00FF7F · #FFC0CB · #00BFFF

Sweet & Bold

Excellent for emphasizing playful branding or highlighting sweet products with a strong, inviting presence.

#FF69B4 · #FFC0CB · #FFD700

CSS variables

:root {
  --tropical-fruit-salad-1: #FFC0CB;
  --tropical-fruit-salad-2: #FFD700;
  --tropical-fruit-salad-3: #00FF7F;
  --tropical-fruit-salad-4: #00BFFF;
  --tropical-fruit-salad-5: #FF69B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-fruit-salad": {
        1: "#FFC0CB",
        2: "#FFD700",
        3: "#00FF7F",
        4: "#00BFFF",
        5: "#FF69B4",
      }
    }
  }
}

Related searches

vibrant summer color schemeplayful fruit colorsbright tropical palettecolorful design inspirationsweet candy color combinations

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFD700
·
Color 3#00FF7F
·
Color 4#00BFFF
·
Color 5#FF69B4
·

Accessibility

Contrast checker

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

Similar palettes

More like Tropical Fruit Salad

View all vibrant
Tropical Punch Fizz
Caribbean Fiesta Zest
Dragonfruit Sparkle
Exotic Fruit Basket
Exotic Fruit Punch
Exotic Fruit Splash