Back to palettes

Palette

Exotic Fruit Punch

A juicy explosion of reds, oranges, and greens, bursting with the playful, sweet energy of exotic fruits.

vibrantplayful5 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

#FD5D5D#FF914D#FFD04D#ADEEAD#4DCEFF

Palette guide

How to use Exotic Fruit Punch

Overview

The "Exotic Fruit Punch" palette delivers a juicy explosion of reds, oranges, and greens, bursting with the playful, sweet energy of exotic fruits. This vibrant collection features a lively Red (#FD5D5D), a warm Orange (#FF914D), a sunny Gold (#FFD04D), a fresh Mint Green (#ADEEAD), and a cool Sky Blue (#4DCEFF). It's perfect for designs that aim to be playful, inviting, and refreshing. Designers can leverage this palette for engaging user interfaces, cheerful marketing materials, or branding that evokes a sense of natural sweetness and fun. It's an ideal choice for projects seeking a lighthearted yet energetic appeal.

Best used for

  • Children's entertainment and educational apps
  • Healthy snack or beverage packaging
  • Summer camp or recreation program branding
  • Playful e-commerce website designs
  • Digital illustrations with a whimsical theme
  • Social media graphics for cheerful content

Suggested color roles

primary

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

secondary

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

accent

Reserve #4DCEFF (Sky 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., #FDFDFD) to ensure the vibrant colors truly stand out.

text

Deep charcoal or black for body text, ensuring maximum readability. #FD5D5D or a dark blue can be used for headlines against light backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text on #FFD04D and #ADEEAD; dark text is essential for readability.
  • The lighter #ADEEAD may be challenging for small text; use it for larger elements or backgrounds.
  • Be cautious with #FD5D5D and #FF914D for small text due to their vibrancy; ensure strong contrast with the background.
  • Provide alternative non-color cues for important information to ensure accessibility for all users, especially with color-coded elements.

Recommended combinations

Fruity Refresh

Excellent for creating dynamic, fresh, and energetic graphics, banners, or website sections.

#FD5D5D · #FFD04D · #4DCEFF

Sweet & Bright

Ideal for designs needing warmth, natural sweetness, and a touch of freshness, like product showcases or invitations.

#FF914D · #ADEEAD · #FFD04D

Playful Contrast

Effective for playful patterns, energetic illustrations, or designs needing a fresh, vibrant, and fun feel with good contrast.

#FD5D5D · #ADEEAD · #4DCEFF

CSS variables

:root {
  --exotic-fruit-punch-2-1: #FD5D5D;
  --exotic-fruit-punch-2-2: #FF914D;
  --exotic-fruit-punch-2-3: #FFD04D;
  --exotic-fruit-punch-2-4: #ADEEAD;
  --exotic-fruit-punch-2-5: #4DCEFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "exotic-fruit-punch-2": {
        1: "#FD5D5D",
        2: "#FF914D",
        3: "#FFD04D",
        4: "#ADEEAD",
        5: "#4DCEFF",
      }
    }
  }
}

Related searches

playful fruit colorsvibrant beverage brandingcolorful ui designenergetic summer palettesweet food packaging

Palette colors

Hex values

Color 1#FD5D5D
·
Color 2#FF914D
·
Color 3#FFD04D
·
Color 4#ADEEAD
·
Color 5#4DCEFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
2.3:1Fail
1.7:1Fail
2
1.4:1Fail
1.5:1Fail
1.7:1Fail
1.2:1Fail
3
2.1:1Fail
1.5:1Fail
1.1:1Fail
1.2:1Fail
4
2.3:1Fail
1.7:1Fail
1.1:1Fail
1.3:1Fail
5
1.7:1Fail
1.2:1Fail
1.2:1Fail
1.3:1Fail

Similar palettes

More like Exotic Fruit Punch

View all vibrant
Rainbow Parrot Plumage
Tropical Parrot Plume
Dragon Fruit Burst
Dragonfruit Sparkle
Exotic Feather Splendor
Exotic Fruit Basket