Back to palettes

Palette

Exotic Fruit Punch

A burst of joyful and energetic colors inspired by a refreshing exotic fruit punch.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF6F61#FFC107#4CAF50#2196F3#9C27B0

Palette guide

How to use Exotic Fruit Punch

Overview

The "Exotic Fruit Punch" palette is a burst of joyful and energetic colors inspired by a refreshing exotic fruit punch. This vibrant collection features a lively Coral Red (#FF6F61), a sunny Amber (#FFC107), a fresh Forest Green (#4CAF50), a bright Cerulean Blue (#2196F3), and a rich Amethyst Purple (#9C27B0). It's perfect for designs that aim to be energetic, colorful, and playful. Designers can leverage this palette for engaging user interfaces, cheerful marketing materials, or branding that evokes a sense of fun and vitality. It truly captures the essence of a refreshing, tropical experience for any creative project.

Best used for

  • Youth-oriented brand identities and marketing
  • Interactive educational content or apps
  • Summer event and festival promotions
  • Healthy food and beverage packaging
  • Playful e-commerce website designs
  • Digital art and illustration projects

Suggested color roles

primary

Use #FF6F61 (Coral Red) for main calls-to-action or key headings, conveying warmth and immediate attention.

secondary

Apply #FFC107 (Amber) for secondary buttons, highlighted content, or background sections that need a bright, sunny feel.

accent

Reserve #2196F3 (Cerulean Blue) for interactive elements, small icons, or decorative accents to provide a refreshing, cool contrast.

background

A clean white or a very light, almost imperceptible grey (e.g., #F9F9F9) to ensure the vibrant colors truly stand out.

text

Deep charcoal or black for body text, ensuring maximum readability. #9C27B0 (Amethyst Purple) can be used for impactful headlines against light backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text on #FFC107; dark text is essential for readability.
  • Be cautious using #FF6F61 or #4CAF50 for small text; larger sizes or bolding may be needed for contrast.
  • The vibrant #2196F3 and #9C27B0 offer good contrast on light backgrounds but avoid using them as backgrounds for light text.
  • Provide alternative non-color cues for important information to ensure accessibility for all users, especially with color-coded elements.

Recommended combinations

Tropical Zest

Excellent for creating dynamic, fresh, and energetic graphics, banners, or website sections with a natural feel.

#FF6F61 · #FFC107 · #4CAF50

Punchy Pop

Ideal for bold branding, striking calls-to-action, or creating a vibrant, high-contrast visual impact with cool tones.

#2196F3 · #9C27B0 · #FFC107

Vibrant Harmony

Effective for playful patterns, energetic illustrations, or designs needing a balanced mix of warm and cool, vibrant colors.

#FF6F61 · #4CAF50 · #2196F3

CSS variables

:root {
  --exotic-fruit-punch-1: #FF6F61;
  --exotic-fruit-punch-2: #FFC107;
  --exotic-fruit-punch-3: #4CAF50;
  --exotic-fruit-punch-4: #2196F3;
  --exotic-fruit-punch-5: #9C27B0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "exotic-fruit-punch": {
        1: "#FF6F61",
        2: "#FFC107",
        3: "#4CAF50",
        4: "#2196F3",
        5: "#9C27B0",
      }
    }
  }
}

Related searches

vibrant tropical colorsenergetic brand paletteplayful ui schemecolorful summer designfruit beverage branding

Palette colors

Hex values

Color 1#FF6F61
·
Color 2#FFC107
·
Color 3#4CAF50
·
Color 4#2196F3
·
Color 5#9C27B0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1:1Fail
1.1:1Fail
2.3:1Fail
2
1.7:1Fail
1.7:1Fail
1.9:1Fail
3.9:1AA18
3
1:1Fail
1.7:1Fail
1.1:1Fail
2.3:1Fail
4
1.1:1Fail
1.9:1Fail
1.1:1Fail
2:1Fail
5
2.3:1Fail
3.9:1AA18
2.3:1Fail
2:1Fail

Similar palettes

More like Exotic Fruit Punch

View all vibrant
Electric Coral Reef
Exotic Fruit Burst
Exotic Fruit Burst
Exotic Fruit Cascade
Island Fruit Blend
Island Harvest Splash