Back to palettes

Palette

Tutti Frutti Punch

A cheerful and vibrant burst of colors, reminiscent of a sweet and tangy tutti frutti punch.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tutti Frutti 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 Tutti Frutti Punch.

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

Data visualization

#FF1493#FF4500#FFD700#7CFC00#87CEEB

Palette guide

How to use Tutti Frutti Punch

Overview

The "Tutti Frutti Punch" palette is a joyful explosion of vibrant, energetic colors, reminiscent of a sweet and tangy summer drink. It features a lively blend of bright fuchsia `#FF1493`, bold orange-red `#FF4500`, cheerful golden yellow `#FFD700`, zesty lime green `#7CFC00`, and refreshing sky blue `#87CEEB`. This highly saturated collection is perfect for creating designs that are playful, energetic, and eye-catching. Designers can leverage its vivid hues to evoke excitement, fun, and a youthful spirit, making it ideal for brands targeting children, summer events, or any project needing an immediate burst of optimism.

Best used for

  • Children's product branding and packaging
  • Summer party invitations and decorations
  • Energetic mobile app UI/UX design
  • Playful fashion and accessory lines
  • Event branding for festivals or carnivals
  • Creative marketing campaigns for youth brands

Suggested color roles

primary

Use `#FF1493` as a dominant, high-energy color for branding, headlines, or key visual elements to grab attention.

secondary

Apply `#FF4500` for supporting elements, calls-to-action, or to create vibrant contrasts, maintaining the energetic feel.

accent

Introduce `#7CFC00` or `#87CEEB` for playful highlights, icons, or to add a refreshing, unexpected pop of color.

background

Employ white or a very light gray as the primary background to maximize the vibrancy and impact of the punchy colors.

text

Utilize black or a very dark charcoal for body text on light backgrounds to ensure excellent readability against the bright palette.

Accessibility notes

  • Due to high saturation, ensure all text has extremely high contrast (e.g., black on white, or white text on darker colors).
  • Colors like `#FFD700` (yellow) and `#7CFC00` (lime green) are generally unsuitable for small text on light backgrounds.
  • When using any of these vibrant colors for text, ensure the font size is large and bold enough to aid readability.
  • Consider providing a toggle for reduced saturation or higher contrast for users with visual impairments.

Recommended combinations

Tropical Burst

Creates an intensely vibrant, hot combination perfect for striking headlines, banners, or energetic branding.

#FF1493 · #FF4500 · #FFD700

Fresh & Zesty

Offers a refreshing, playful mix of green, blue, and yellow, ideal for youthful designs or eco-friendly themes.

#7CFC00 · #87CEEB · #FFD700

Playful Mix

Combines pink, blue, and orange for a dynamic and cheerful composition, great for illustrations or interactive elements.

#FF1493 · #87CEEB · #FF4500

CSS variables

:root {
  --tutti-frutti-punch-1: #FF1493;
  --tutti-frutti-punch-2: #FF4500;
  --tutti-frutti-punch-3: #FFD700;
  --tutti-frutti-punch-4: #7CFC00;
  --tutti-frutti-punch-5: #87CEEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tutti-frutti-punch": {
        1: "#FF1493",
        2: "#FF4500",
        3: "#FFD700",
        4: "#7CFC00",
        5: "#87CEEB",
      }
    }
  }
}

Related searches

vibrant fruity colorsplayful punch palettebright summer schemeenergetic kids colorsbold digital palette

Palette colors

Hex values

Color 1#FF1493
·
Color 2#FF4500
·
Color 3#FFD700
·
Color 4#7CFC00
·
Color 5#87CEEB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.6:1Fail
2.7:1Fail
2.1:1Fail
2
1.1:1Fail
2.5:1Fail
2.6:1Fail
2:1Fail
3
2.6:1Fail
2.5:1Fail
1.1:1Fail
1.2:1Fail
4
2.7:1Fail
2.6:1Fail
1.1:1Fail
1.3:1Fail
5
2.1:1Fail
2:1Fail
1.2:1Fail
1.3:1Fail

Similar palettes

More like Tutti Frutti Punch

View all vibrant
Tropical Fruit Burst
Bright Carnival Spin
Bright Fairground Lights
Candy Wrapper Pop
Carnival Bright Spark
Carnival Tent Brights