Palette

Tropical Fruit Fusion

A vibrant blend of exotic fruit colors, bursting with tropical energy and playful zest.

VibrantPlayful5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tropical Fruit Fusion 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 Tropical Fruit Fusion.

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

Data visualization

#FFC300#FF5733#C70039#900C3F#581845

Palette guide

How to use Tropical Fruit Fusion

Overview

The Tropical Fruit Fusion palette bursts with a playful, energetic vibe, perfect for designs aiming to evoke warmth and excitement. Featuring a vibrant spectrum from sunny yellow #FFC300 to deep berry #581845, this collection offers a rich gradient of hues. The fiery orange #FF5733 and passionate red #C70039 create dynamic focal points, while the sophisticated #900C3F adds depth. Designers and developers can leverage this palette to craft engaging user interfaces, eye-catching marketing materials, or lively product packaging. Its bold nature makes it ideal for projects that need to stand out, ensuring a memorable and impactful visual experience. The transition from bright to deep allows for versatile application, from cheerful accents to rich backgrounds.

Best used for

Summer-themed websites and campaigns
Children's product packaging and branding
Food and beverage marketing (especially juices, snacks)
Event branding for festivals or parties
Casual apparel and accessory design
Vibrant app interfaces and game design

Suggested color roles

primary

#FFC300 - A bright, inviting yellow, excellent for main calls to action, headers, or hero sections to grab immediate attention.

secondary

#FF5733 - An energetic orange that pairs well with the primary, suitable for secondary buttons, interactive elements, or graphic accents.

accent

#C70039 - A bold, passionate red, perfect for strong emphasis, alerts, or to provide a deep contrast against lighter elements.

background

A clean white or very light grey (#F8F8F8) allows the vibrant hues to truly pop and ensures overall design clarity.

text

For body text, a deep charcoal (#333333) or the rich #581845 offers excellent readability and sophisticated contrast.

Accessibility notes

Ensure sufficient contrast between #FFC300 or #FF5733 and any text placed upon them, opting for dark text.
Verify that #C70039 and #900C3F provide adequate contrast with background colors for readability, especially for smaller text.
Avoid using #C70039 and #FF5733 in close proximity for critical information to prevent issues for users with red-green color blindness.
Test all text and interactive element combinations against WCAG 2.1 AA contrast standards for optimal inclusivity.

Recommended combinations

Tropical Sunset

Ideal for vibrant gradients, hero banners, or energetic visual storytelling in marketing.

#FFC300 · #FF5733 · #C70039

Deep Berries

Creates a sophisticated yet playful contrast, excellent for main content areas with bright highlights.

#900C3F · #581845 · #FFC300

Playful Pop

Use for interactive elements, icons, or illustrations that need to stand out with high energy.

#FF5733 · #C70039 · #FFC300

CSS variables

:root {
  --tropical-fruit-fusion-1: #FFC300;
  --tropical-fruit-fusion-2: #FF5733;
  --tropical-fruit-fusion-3: #C70039;
  --tropical-fruit-fusion-4: #900C3F;
  --tropical-fruit-fusion-5: #581845;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-fruit-fusion": {
        1: "#FFC300",
        2: "#FF5733",
        3: "#C70039",
        4: "#900C3F",
        5: "#581845",
      }
    }
  }
}

Hex values

Color 1#FFC300

Color 2#FF5733

Color 3#C70039

Color 4#900C3F

Color 5#581845

Accessibility

Contrast checker

2:1Fail

3.7:1AA18

5.7:1AA

8:1AAA

2:1Fail

1.9:1Fail

2.9:1Fail

4.1:1AA18

3.7:1AA18

1.9:1Fail

1.5:1Fail

2.1:1Fail

5.7:1AA

2.9:1Fail

1.5:1Fail

1.4:1Fail

8:1AAA

4.1:1AA18

2.1:1Fail

1.4:1Fail

Similar palettes

More like Tropical Fruit Fusion

View all Vibrant

Sugar Rush Pop

Carnival Bright Delight

Carnival Confetti Pop

Citrus Grove Sparkle

Crayola Playland Fun

Playful Gummy Burst