Back to palettes

Palette

Island Harvest Splash

A joyful explosion of tropical fruit colors, like a freshly blended, exotic smoothie.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Island Harvest 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 Island Harvest Splash.

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

Data visualization

#FFD300#FF69B4#32CD32#1E90FF#FF4500

Palette guide

How to use Island Harvest Splash

Overview

The "Island Harvest Splash" palette is a joyful burst of vibrant, celebratory colors, perfectly encapsulating the exuberance of a tropical fruit harvest. It features the sunny brilliance of #FFD300 (Gold), the playful sweetness of #FF69B4 (Hot Pink), and the refreshing zest of #32CD32 (Lime Green). These are dynamically complemented by the cool, clear blue of #1E90FF (Dodger Blue) and the intense energy of #FF4500 (Orange Red). This diverse and energetic collection is ideal for designers and developers creating lively interfaces, engaging marketing content, or spirited branding that demands attention and conveys a sense of fun and freshness.

Best used for

  • Fruit juice and smoothie brand packaging
  • Children's clothing lines
  • Summer camp or festival branding
  • Vibrant e-commerce sites for gifts
  • Mobile apps for creative tasks
  • Digital illustrations and animations

Suggested color roles

primary

#FFD300 (A bright, optimistic base, excellent for primary backgrounds, headers, or a main brand identifier.)

secondary

#FF69B4 (A playful, warm tone for secondary elements, subheadings, or accentuating details.)

accent

#1E90FF (A striking cool accent to create dynamic contrast, perfect for interactive elements or key highlights.)

background

A crisp white or very light gray provides a clean canvas, allowing these vibrant colors to truly pop.

text

Use pure black for optimal readability on lighter backgrounds. For darker elements, white or a very light gray is recommended.

Accessibility notes

  • Colors like #FFD300 and #FF69B4 will require dark text (e.g., black) to meet WCAG contrast standards.
  • Ensure sufficient contrast when pairing #32CD32 or #1E90FF with white text, especially for smaller font sizes.
  • Avoid using #FF4500 text on #FFD300 backgrounds due to potential readability issues.
  • Provide clear visual hierarchy using color contrast for interactive elements and important information.

Recommended combinations

Juicy Pop

Creates a sweet, energetic, and appetizing combination, ideal for food or playful branding.

#FFD300 · #FF69B4 · #FF4500

Cool Breeze

Evokes freshness and natural elements, suitable for health, wellness, or outdoor themes.

#1E90FF · #32CD32 · #FFD300

Dynamic Contrast

A bold and striking trio for calls-to-action, banners, or high-impact visual statements.

#FF4500 · #1E90FF · #FFD300

CSS variables

:root {
  --island-harvest-splash-1: #FFD300;
  --island-harvest-splash-2: #FF69B4;
  --island-harvest-splash-3: #32CD32;
  --island-harvest-splash-4: #1E90FF;
  --island-harvest-splash-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "island-harvest-splash": {
        1: "#FFD300",
        2: "#FF69B4",
        3: "#32CD32",
        4: "#1E90FF",
        5: "#FF4500",
      }
    }
  }
}

Related searches

vibrant tropical fruit colorshappy summer palettecolorful energetic brandingplayful ui designbright children's palette

Palette colors

Hex values

Color 1#FFD300
·
Color 2#FF69B4
·
Color 3#32CD32
·
Color 4#1E90FF
·
Color 5#FF4500
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.5:1Fail
2.2:1Fail
2.4:1Fail
2
1.8:1Fail
1.2:1Fail
1.2:1Fail
1.3:1Fail
3
1.5:1Fail
1.2:1Fail
1.5:1Fail
1.6:1Fail
4
2.2:1Fail
1.2:1Fail
1.5:1Fail
1.1:1Fail
5
2.4:1Fail
1.3:1Fail
1.6:1Fail
1.1:1Fail

Similar palettes

More like Island Harvest Splash

View all vibrant