Palette

Tropical Fruit Medley

A lively explosion of colors, as rich and diverse as a bowl of sun-ripened tropical fruits.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC300#FF5733#3CB371#6A5ACD#FFDAB9

Palette guide

How to use Tropical Fruit Medley

Overview

The Tropical Fruit Medley palette delivers a lively explosion of colors, perfectly capturing the essence of sun-ripened exotic fruits. Anchored by a cheerful yellow #FFC300 and a vibrant orange #FF5733, it introduces a refreshing minty green #3CB371 and a regal lavender #6A5ACD. The soft peach #FFDAB9 serves as an excellent balancing tone. This palette is a designer's delight for creating energetic and fresh digital experiences or physical products. Its diverse range allows for dynamic contrasts and harmonious blends, making it suitable for projects that demand a sense of fun, freshness, and sophisticated playfulness. Ideal for evoking a juicy, inviting mood across various media.

Best used for

Fresh food and beverage branding
Health and wellness app interfaces
Summer fashion and accessory lines
Travel agency marketing materials
Children's educational content
Event invitations and decor

Suggested color roles

primary

#FFC300 - A radiant yellow, perfect for main branding elements, navigation, or primary calls to action to convey cheerfulness.

secondary

#FF5733 - An energetic orange, ideal for secondary buttons, interactive elements, or highlighting key information.

accent

#3CB371 - A refreshing green that adds a natural, lively accent, great for icons, illustrations, or subtle highlights.

background

A soft cream or light peach like #FFDAB9 can serve as a gentle background, allowing other vibrant colors to pop without being overwhelming.

text

For optimal readability, use a dark charcoal (#333333) or a rich, deep brown (#5B3A29) that complements the warm tones.

Accessibility notes

Ensure sufficient contrast when placing text on #FFC300 or #FFDAB9, using dark text for readability.
Verify that #3CB371 and #6A5ACD maintain adequate contrast against background colors for UI elements.
Avoid using #FFC300 with #FFDAB9 for important text or interactive elements due to potential low contrast.
Test color pairings for WCAG 2.1 AA compliance, especially for text and critical UI components.

Recommended combinations

Tropical Sunset

Creates warm, inviting gradients or hero sections, perfect for a cozy, energetic feel.

#FFC300 · #FF5733 · #FFDAB9

Fresh & Lively

Excellent for contrasting elements, data visualization, or lively illustrations with a natural touch.

#3CB371 · #FFC300 · #6A5ACD

Soft & Bright

Provides a balanced, playful aesthetic for backgrounds with vibrant accents or decorative patterns.

#FFDAB9 · #FF5733 · #6A5ACD

CSS variables

:root {
  --tropical-fruit-medley-2-1: #FFC300;
  --tropical-fruit-medley-2-2: #FF5733;
  --tropical-fruit-medley-2-3: #3CB371;
  --tropical-fruit-medley-2-4: #6A5ACD;
  --tropical-fruit-medley-2-5: #FFDAB9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-fruit-medley-2": {
        1: "#FFC300",
        2: "#FF5733",
        3: "#3CB371",
        4: "#6A5ACD",
        5: "#FFDAB9",
      }
    }
  }
}

Hex values

Color 1#FFC300

Color 2#FF5733

Color 3#3CB371

Color 4#6A5ACD

Color 5#FFDAB9

Accessibility

Contrast checker

2:1Fail

1.7:1Fail

3.3:1AA18

1.2:1Fail

2:1Fail

1.2:1Fail

1.7:1Fail

2.4:1Fail

1.7:1Fail

1.2:1Fail

2:1Fail

3.3:1AA18

1.7:1Fail

2:1Fail

4:1AA18

1.2:1Fail

2.4:1Fail

2:1Fail

4:1AA18

Similar palettes

More like Tropical Fruit Medley

Tropical Fruit Medley

See it in context.

Ready when you are.

Built with Tropical Fruit Medley.

How to use Tropical Fruit Medley

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Tropical Sunset

Fresh & Lively

Soft & Bright

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Tropical Fruit Medley