Palette

Tropical Fruit Smoothie

A luscious burst of vivid fruit colors, like a refreshing and energetic tropical smoothie.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD100#FF8F00#E60000#008000#00D1D1

Palette guide

How to use Tropical Fruit Smoothie

Overview

The Tropical Fruit Smoothie palette is a powerful burst of vivid, energetic fruit colors, designed to infuse projects with a sense of dynamic vitality. Featuring a brilliant yellow #FFD100 (Amber), a deep orange #FF8F00 (Dark Orange), a striking red #E60000 (Crimson Red), a classic green #008000 (Forest Green), and a refreshing cyan #00D1D1 (Turquoise), this collection offers a rich contrast and bold presence. Designers can utilize these strong hues to create impactful visual narratives. Developers will find them ideal for high-visibility UI elements, urgent notifications, or branding that demands immediate attention and conveys a robust, energetic, and adventurous spirit across all platforms.

Best used for

High-energy sports and fitness branding
Adventure travel marketing and websites
Food and beverage promotions with a bold appeal
Event posters and promotional materials
Youth-oriented digital platforms and apps
Retail displays needing maximum visual impact

Suggested color roles

primary

Use #FFD100 (Amber) for main headers or dominant UI areas to establish a bright, energetic, and welcoming focal point.

secondary

Apply #00D1D1 (Turquoise) for balancing elements like navigation or secondary content, offering a refreshing contrast.

accent

Employ #E60000 (Crimson Red) for critical calls to action, error messages, or urgent highlights, leveraging its intense visibility.

background

Consider #008000 (Forest Green) for section backgrounds to provide a deep, natural base, ensuring lighter colors pop effectively.

text

For text on #FFD100, #FF8F00, or #00D1D1, black or dark charcoal is recommended. On darker shades like #E60000 or #008000, white provides excellent contrast.

Accessibility notes

Exercise caution with #E60000 (red) for text on #FF8F00 (orange) backgrounds due to potential low contrast.
Ensure sufficient contrast for #FFD100 (yellow) with text; black or very dark text is usually required.
The vibrant #00D1D1 (cyan) pairs well with dark text, but avoid light gray.
Always verify contrast ratios, especially when combining the most intense colors like #E60000 with others for critical information.

Recommended combinations

Vivid Burst

Creates an extremely high-impact, energetic combination, perfect for bold headlines or dynamic advertisements.

#FFD100 · #E60000 · #00D1D1

Earthy Energy

Blends natural tones with a bright accent, suitable for organic branding or lively, grounded designs.

#FF8F00 · #008000 · #FFD100

Cool Heat

A striking contrast of warm and cool, ideal for conveying urgency or dynamic balance in UI elements.

#E60000 · #00D1D1 · #008000

CSS variables

:root {
  --tropical-fruit-smoothie-1: #FFD100;
  --tropical-fruit-smoothie-2: #FF8F00;
  --tropical-fruit-smoothie-3: #E60000;
  --tropical-fruit-smoothie-4: #008000;
  --tropical-fruit-smoothie-5: #00D1D1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-fruit-smoothie": {
        1: "#FFD100",
        2: "#FF8F00",
        3: "#E60000",
        4: "#008000",
        5: "#00D1D1",
      }
    }
  }
}

Hex values

Color 1#FFD100

Color 2#FF8F00

Color 3#E60000

Color 4#008000

Color 5#00D1D1

Accessibility

Contrast checker

1.6:1Fail

3.3:1AA18

3.5:1AA18

1.3:1Fail

1.6:1Fail

2.1:1Fail

2.2:1Fail

1.2:1Fail

3.3:1AA18

2.1:1Fail

1.1:1Fail

2.5:1Fail

3.5:1AA18

2.2:1Fail

1.1:1Fail

2.7:1Fail

1.3:1Fail

1.2:1Fail

2.5:1Fail

2.7:1Fail

Similar palettes

More like Tropical Fruit Smoothie