Palette

Tropical Fruit Fiesta

A lively explosion of juicy, sun-kissed fruit colors, perfect for a vibrant summer celebration.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF5733#FFC300#DAF7A6#C70039#900C3F

Palette guide

How to use Tropical Fruit Fiesta

Overview

The "Tropical Fruit Fiesta" palette is a lively explosion of juicy, sun-kissed fruit colors, perfect for a vibrant summer celebration. This energetic scheme combines the bold warmth of orange-red (#FF5733) and deep red (#C70039) with the cheerful brightness of gold (#FFC300). Grounded by the sophisticated maroon (#900C3F) and refreshed by the subtle pale lime green (#DAF7A6), it offers a dynamic range for festive and engaging designs. Designers and developers can use this palette to create impactful, spirited, and exotic user experiences, ensuring a joyful visual impact for any project that demands a celebratory flair.

Best used for

Event promotions and party invitations
Food and beverage branding
Summer fashion and accessories
Festive digital marketing campaigns
Creative and artistic portfolios
Restaurant and cafe decor

Suggested color roles

primary

Use #FF5733 (Orange-Red) as the life of the party, perfect for bold headings, calls-to-action, or energetic graphic elements.

secondary

Apply #FFC300 (Gold) as a cheerful, sunny complement for secondary information or background accents, adding warmth.

accent

Incorporate #DAF7A6 (Pale Lime Green) as a refreshing, crisp counterpoint for icons, subtle patterns, or interactive states.

background

Utilize #DAF7A6 (Pale Lime Green) as a light, clean canvas for content, allowing the bolder colors to truly sing.

text

For light backgrounds, #900C3F (Deep Maroon) or black offers a sophisticated and legible dark tone. White text works well on dark colors.

Accessibility notes

Ensure #DAF7A6 requires dark text for readability; black or #900C3F is recommended to meet WCAG standards.
Maintain sufficient contrast when pairing #FFC300 with #FF5733 for adjacent elements.
Avoid using #DAF7A6 for small text on very light backgrounds, as contrast may be insufficient.
All primary colors (#FF5733, #C70039, #900C3F) offer good contrast against white or light grey text.

Recommended combinations

Celebration Pop

Ideal for bright, festive calls-to-action or welcoming hero sections, creating an immediate sense of joy.

#FF5733 · #FFC300 · #DAF7A6

Fiesta Night

Excellent for deep, passionate sections like testimonials or impactful storytelling, offering dramatic flair.

#C70039 · #900C3F · #FF5733

Juicy Blend

Suitable for balanced content blocks or playful illustrations, combining fresh vibrancy with rich depth.

#FFC300 · #DAF7A6 · #C70039

CSS variables

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

Tailwind config

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

Hex values

Color 1#FF5733

Color 2#FFC300

Color 3#DAF7A6

Color 4#C70039

Color 5#900C3F

Accessibility

Contrast checker

2:1Fail

2.7:1Fail

1.9:1Fail

2.9:1Fail

2:1Fail

1.4:1Fail

3.7:1AA18

5.7:1AA

2.7:1Fail

1.4:1Fail

5.1:1AA

7.7:1AAA

1.9:1Fail

3.7:1AA18

5.1:1AA

1.5:1Fail

2.9:1Fail

5.7:1AA

7.7:1AAA

1.5:1Fail

Similar palettes

More like Tropical Fruit Fiesta

Tropical Fruit Medley

Tropical Fruit Splash