Back to palettes

Palette

Island Fruit Punch

A juicy burst of exotic fruit colors, bringing to mind refreshing drinks and sun-drenched island paradises.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF6F61#FFD700#3CB371#8A2BE2#FF9966

Palette guide

How to use Island Fruit Punch

Overview

The "Island Fruit Punch" palette serves up a delicious blend of exotic and refreshing hues, perfect for conveying warmth, sweetness, and vibrancy. It combines the soft coral of #FF6F61 (Coral), the radiant glow of #FFD700 (Gold), and the refreshing depth of #3CB371 (Medium Sea Green). Adding a touch of unexpected charm are the rich violet of #8A2BE2 (Blue Violet) and the juicy orange of #FF9966 (Peach-Orange). This palette is ideal for designers and developers aiming to create inviting, lively, and slightly whimsical experiences, from branding to digital interfaces, that feel both fresh and deliciously appealing.

Best used for

  • Dessert or bakery branding
  • Summer lifestyle blogs
  • Youth-oriented fashion campaigns
  • Creative portfolio showcases
  • Event planning websites
  • Digital art and illustration

Suggested color roles

primary

#FFD700 (A bright, inviting base, excellent for main headings, backgrounds, or key brand elements.)

secondary

#FF6F61 (A warm, friendly tone for secondary information, subheadings, or background sections.)

accent

#8A2BE2 (A unique, vibrant pop for interactive elements, highlights, or graphic details to add intrigue.)

background

A clean white or very light cream will allow these fruity tones to truly stand out.

text

Pure black for clarity on light backgrounds. For darker elements, ensure sufficient contrast with white or a very light gray.

Accessibility notes

  • Ensure #FFD700 and #FF6F61 have dark text (e.g., black) for readability compliance.
  • #3CB371 may require careful text color selection; white text is often suitable for larger blocks.
  • Avoid using #FF9966 as text on #FF6F61 backgrounds due to low contrast.
  • Consider larger font sizes or bolding for text on less contrasting color combinations.

Recommended combinations

Sweet & Zesty

Creates a fresh, appetizing feel, ideal for food or lifestyle branding.

#FFD700 · #FF6F61 · #3CB371

Exotic Blend

A vibrant, unexpected mix for unique branding, artistic projects, or statement elements.

#8A2BE2 · #FF9966 · #FFD700

Tropical Refresh

Perfect for conveying freshness and natural energy, like health or travel-related content.

#3CB371 · #FF6F61 · #FFD700

CSS variables

:root {
  --island-fruit-punch-1: #FF6F61;
  --island-fruit-punch-2: #FFD700;
  --island-fruit-punch-3: #3CB371;
  --island-fruit-punch-4: #8A2BE2;
  --island-fruit-punch-5: #FF9966;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "island-fruit-punch": {
        1: "#FF6F61",
        2: "#FFD700",
        3: "#3CB371",
        4: "#8A2BE2",
        5: "#FF9966",
      }
    }
  }
}

Related searches

vibrant fruit color schemesweet summer paletteexotic color combinationsplayful branding colorsenergetic ui design

Palette colors

Hex values

Color 1#FF6F61
·
Color 2#FFD700
·
Color 3#3CB371
·
Color 4#8A2BE2
·
Color 5#FF9966
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1:1Fail
2.2:1Fail
1.3:1Fail
2
1.9:1Fail
1.9:1Fail
4.2:1AA18
1.5:1Fail
3
1:1Fail
1.9:1Fail
2.2:1Fail
1.3:1Fail
4
2.2:1Fail
4.2:1AA18
2.2:1Fail
2.8:1Fail
5
1.3:1Fail
1.5:1Fail
1.3:1Fail
2.8:1Fail

Similar palettes

More like Island Fruit Punch

View all vibrant
Exotic Fruit Burst
Exotic Fruit Cascade
Island Fruit Blend
Island Harvest Splash
Juicy Orchard Burst
Sweet Citrus Burst