Palette

Tropical Fruit Splash

A lively and energetic mix of bright, juicy colors found in exotic tropical fruits.

vibrantplayful5 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

#FF4500#FFD700#32CD32#1E90FF#9932CC

Palette guide

How to use Tropical Fruit Splash

Overview

The Tropical Fruit Splash palette is a lively and energetic mix of bright, juicy colors, perfectly capturing the essence of exotic fruits and playful summer days. It features an intense orange-red #FF4500 (Orange Red), a brilliant gold #FFD700 (Gold), a vibrant lime green #32CD32 (Lime Green), a dynamic blue #1E90FF (Dodger Blue), and a regal purple #9932CC (Dark Orchid). This collection is ideal for designers aiming to create visually striking and memorable experiences. Developers can harness these bold hues for engaging marketing materials, interactive game interfaces, or any project requiring a high degree of visual excitement and a playful, celebratory mood across digital and print media.

Best used for

Game development and app interfaces
Children's entertainment branding and products
Summer festival and event promotions
Creative agency websites and portfolios
Dynamic social media content and campaigns
Toy packaging and educational materials

Suggested color roles

primary

Use #FFD700 (Gold) for dominant visual elements or primary calls to action, providing a bright and inviting anchor.

secondary

Apply #1E90FF (Dodger Blue) for navigational items or information panels, offering a cool, stable contrast.

accent

Employ #FF4500 (Orange Red) for urgent alerts, critical buttons, or impactful highlights to ensure maximum attention.

background

Consider #32CD32 (Lime Green) for lively background sections or subtle patterns, maintaining an energetic yet natural feel.

text

For text on #FFD700, #32CD32, or #1E90FF, a dark gray or black is recommended. On darker shades like #9932CC or #FF4500, white text offers optimal readability.

Accessibility notes

Ensure sufficient contrast for #FFD700 (gold) with text; black or very dark text is crucial.
Avoid using #32CD32 (lime green) for small text due to its brightness; pair with dark colors.
The contrast between #FF4500 (orange-red) and #9932CC (purple) might be low for some users; test thoroughly.
Always verify text contrast for all combinations, especially with the vibrant blues and greens.

Recommended combinations

Vibrant Energy

A high-impact, energetic trio perfect for headlines, banners, or calls to action demanding immediate attention.

#FFD700 · #FF4500 · #1E90FF

Playful Garden

Creates a fresh, lively, and inviting atmosphere, ideal for natural themes or playful content sections.

#32CD32 · #FFD700 · #1E90FF

Bold Statement

Offers a dramatic and sophisticated yet playful contrast, excellent for branding or feature highlights.

#9932CC · #FF4500 · #FFD700

CSS variables

:root {
  --tropical-fruit-splash-2-1: #FF4500;
  --tropical-fruit-splash-2-2: #FFD700;
  --tropical-fruit-splash-2-3: #32CD32;
  --tropical-fruit-splash-2-4: #1E90FF;
  --tropical-fruit-splash-2-5: #9932CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-fruit-splash-2": {
        1: "#FF4500",
        2: "#FFD700",
        3: "#32CD32",
        4: "#1E90FF",
        5: "#9932CC",
      }
    }
  }
}

Hex values

Color 1#FF4500

Color 2#FFD700

Color 3#32CD32

Color 4#1E90FF

Color 5#9932CC

Accessibility

Contrast checker

2.5:1Fail

1.6:1Fail

1.1:1Fail

1.7:1Fail

2.5:1Fail

1.5:1Fail

2.3:1Fail

4.1:1AA18

1.6:1Fail

1.5:1Fail

2.7:1Fail

1.1:1Fail

2.3:1Fail

1.5:1Fail

1.8:1Fail

1.7:1Fail

4.1:1AA18

2.7:1Fail

1.8:1Fail

Similar palettes

More like Tropical Fruit Splash

Tropical Fruit Splash

See it in context.

Ready when you are.

Built with Tropical Fruit Splash.

How to use Tropical Fruit Splash

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Vibrant Energy

Playful Garden

Bold Statement

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Tropical Fruit Splash