Back to palettes

Palette

Tropical Fruit Medley

A zesty and refreshing combination of bright, juicy hues inspired by exotic fruits.

vibrantplayful5 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

#FF6F61#FF9B42#FFC000#9FE2BF#4ECDC4

Palette guide

How to use Tropical Fruit Medley

Overview

The Tropical Fruit Medley palette presents a zesty and refreshing combination of bright, juicy hues, directly inspired by exotic fruits. It features a cheerful coral #FF6F61, a vibrant orange #FF9B42, a sunny yellow #FFC000, a refreshing mint green #9FE2BF, and a cool turquoise #4ECDC4. This collection is ideal for designers and developers aiming to create lively, inviting, and sophisticated digital or physical products. The harmonious balance of warm and cool tones allows for dynamic visual storytelling, ensuring projects feel fresh, approachable, and energetic. It's a versatile palette that brings a touch of playful summer vibrancy to any design application.

Best used for

  • Summer lifestyle and travel blogs
  • Health and beauty product branding
  • Children's educational apps and games
  • Beachwear and resort fashion lines
  • Event marketing for outdoor gatherings
  • Creative digital illustrations and art

Suggested color roles

primary

#FFC000 - A bright, sunny yellow, excellent for main calls to action, headers, or hero sections to convey cheerfulness and optimism.

secondary

#FF9B42 - A vibrant orange, perfect for secondary buttons, interactive elements, or to add a warm, inviting glow.

accent

#4ECDC4 - A cool turquoise, ideal for refreshing accents, icons, or to provide a sophisticated, calm contrast.

background

A clean white or very light grey (#F8F8F8) provides a neutral base, allowing the vibrant palette colors to pop effectively.

text

For body text, a deep charcoal (#333333) or a rich navy (#1A2B4C) offers excellent legibility and complements the palette's depth.

Accessibility notes

  • Ensure sufficient contrast for text on #FFC000, #FF9B42, or #9FE2BF, prioritizing dark text for readability.
  • Verify that #4ECDC4 and #FF6F61 provide adequate contrast against their backgrounds for critical UI elements.
  • Avoid using #FF6F61 (coral) and #9FE2BF (mint) in close proximity for conveying status, as this can be challenging for colorblind users.
  • Regularly test all color combinations against WCAG 2.1 AA standards to ensure broad accessibility.

Recommended combinations

Sunny Coast

Creates warm, inviting gradients or energetic color blocks for headings and hero sections.

#FFC000 · #FF9B42 · #FF6F61

Cool Breeze

Ideal for designs needing a fresh, serene, yet vibrant feel, great for backgrounds and subtle accents.

#4ECDC4 · #9FE2BF · #FFC000

Tropical Pop

Provides strong visual impact and contrast, perfect for call-to-action buttons or highlighted information.

#FF6F61 · #4ECDC4 · #FF9B42

CSS variables

:root {
  --tropical-fruit-medley-1: #FF6F61;
  --tropical-fruit-medley-2: #FF9B42;
  --tropical-fruit-medley-3: #FFC000;
  --tropical-fruit-medley-4: #9FE2BF;
  --tropical-fruit-medley-5: #4ECDC4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-fruit-medley": {
        1: "#FF6F61",
        2: "#FF9B42",
        3: "#FFC000",
        4: "#9FE2BF",
        5: "#4ECDC4",
      }
    }
  }
}

Related searches

zesty tropical color paletterefreshing summer design colorsjuicy fruit inspired palettevibrant energetic web colorsplayful cool warm palette

Palette colors

Hex values

Color 1#FF6F61
·
Color 2#FF9B42
·
Color 3#FFC000
·
Color 4#9FE2BF
·
Color 5#4ECDC4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
1.8:1Fail
1.4:1Fail
2
1.3:1Fail
1.3:1Fail
1.4:1Fail
1.1:1Fail
3
1.7:1Fail
1.3:1Fail
1.1:1Fail
1.2:1Fail
4
1.8:1Fail
1.4:1Fail
1.1:1Fail
1.3:1Fail
5
1.4:1Fail
1.1:1Fail
1.2:1Fail
1.3:1Fail

Similar palettes

More like Tropical Fruit Medley

View all vibrant
Exotic Fruit Basket
Exotic Fruit Splash
Tropical Fruit Sorbet
Tropical Fruit Splash
Tropical Fruit Zest
Tropical Juice Pop