Back to palettes

Palette

Island Fruit Blend

A delicious burst of sunny yellows, zesty oranges, and fresh greens, like a vibrant island fruit concoction.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Island Fruit Blend 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 Fruit Blend.

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

Data visualization

#FFD700#FF4500#32CD32#40E0D0#FF69B4

Palette guide

How to use Island Fruit Blend

Overview

The "Island Fruit Blend" palette is a joyous explosion of tropical vibrancy, perfect for designs that aim to be lively and inviting. It features the rich gold of #FFD700 (Gold), the intense energy of #FF4500 (Orange Red), and the refreshing zest of #32CD32 (Lime Green). Complementing these are the cool, clear tones of #40E0D0 (Turquoise) and the playful sweetness of #FF69B4 (Hot Pink). This diverse collection allows designers and developers to craft cheerful interfaces, dynamic marketing materials, or spirited branding that genuinely captures a fun, summery mood and stands out with its energetic appeal.

Best used for

  • Summer fashion e-commerce sites
  • Children's educational apps
  • Healthy food and smoothie bar branding
  • Tropical travel agency promotions
  • Event posters and digital invitations
  • Creative portfolio websites

Suggested color roles

primary

#FFD700 (A bright, optimistic base color, great for backgrounds, headers, or a main brand identifier.)

secondary

#FF4500 (Provides a strong, warm contrast, excellent for calls-to-action or important alerts.)

accent

#40E0D0 (A cool, refreshing accent for interactive elements, highlights, or secondary graphical details.)

background

A clean white or very pale off-white allows the vibrant colors to pop without visual clutter.

text

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

Accessibility notes

  • Ensure #FFD700 and #FF69B4 have sufficient contrast with text, likely requiring dark text (e.g., black).
  • Avoid placing #FFD700 or #FF4500 directly next to each other for text if contrast is low.
  • Use #32CD32 or #40E0D0 with dark text, or white text if used as a solid background.
  • Test color combinations for readability, especially for small text, against WCAG AA standards.

Recommended combinations

Tropical Zest

Evokes fresh fruit, ideal for food-related branding or energetic web sections.

#FFD700 · #32CD32 · #FF4500

Island Pop

Creates a playful, vibrant contrast perfect for fashion, youth brands, or fun digital experiences.

#FF69B4 · #40E0D0 · #FFD700

Bold & Bright

A dynamic trio for attention-grabbing headlines, banners, or interactive elements.

#FF4500 · #40E0D0 · #32CD32

CSS variables

:root {
  --island-fruit-blend-1: #FFD700;
  --island-fruit-blend-2: #FF4500;
  --island-fruit-blend-3: #32CD32;
  --island-fruit-blend-4: #40E0D0;
  --island-fruit-blend-5: #FF69B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "island-fruit-blend": {
        1: "#FFD700",
        2: "#FF4500",
        3: "#32CD32",
        4: "#40E0D0",
        5: "#FF69B4",
      }
    }
  }
}

Related searches

vibrant summer color schemetropical fruit palettebright energetic ui colorscolorful branding inspirationplayful web design palette

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FF4500
·
Color 3#32CD32
·
Color 4#40E0D0
·
Color 5#FF69B4
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.5:1Fail
1.2:1Fail
1.9:1Fail
2
2.5:1Fail
1.6:1Fail
2.1:1Fail
1.3:1Fail
3
1.5:1Fail
1.6:1Fail
1.3:1Fail
1.2:1Fail
4
1.2:1Fail
2.1:1Fail
1.3:1Fail
1.6:1Fail
5
1.9:1Fail
1.3:1Fail
1.2:1Fail
1.6:1Fail

Similar palettes

More like Island Fruit Blend

View all vibrant
Exotic Fruit Burst
Island Drink Splash
Island Harvest Splash
Tropical Fruit Fiesta
Tropical Fruit Medley
Tropical Fruit Punch