Back to palettes

Palette

Tropical Fruit Smoothie

A burst of juicy, sun-kissed colors inspired by a refreshing and sweet tropical fruit 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

#FF9B54#FFC400#D0EE7E#76C68A#4CA2CD

Palette guide

How to use Tropical Fruit Smoothie

Overview

The Tropical Fruit Smoothie palette offers a refreshing blend of sun-kissed and cool, natural tones, perfect for designs aiming for an energetic yet balanced feel. This collection features a juicy orange #FF9B54 (Tangerine), a bright yellow #FFC400 (Goldenrod), a zesty lime #D0EE7E (Light Chartreuse), a calming green #76C68A (Seafoam Green), and a serene blue #4CA2CD (Sky Blue). Designers can leverage these hues to create dynamic interfaces that feel both lively and harmonious. Developers will find these colors excellent for crafting engaging dashboards, interactive elements, or branding materials that convey freshness, vitality, and a natural, wholesome appeal, making it versatile for various digital and print applications.

Best used for

  • Health and wellness brands, especially for beverages
  • Summer fashion and accessory lines
  • Eco-friendly product packaging
  • Outdoor activity and adventure tourism websites
  • Food blogs and recipe apps focused on fresh ingredients
  • Casual gaming interfaces or children's educational content

Suggested color roles

primary

Use #FFC400 (Goldenrod) as a welcoming and energetic primary color for headers or prominent calls to action.

secondary

Apply #4CA2CD (Sky Blue) for navigation or background elements to introduce a calming, refreshing balance.

accent

Utilize #FF9B54 (Tangerine) for highlights, alerts, or interactive buttons to draw immediate attention with its warm intensity.

background

Employ #D0EE7E (Light Chartreuse) for subtle backgrounds or secondary sections to maintain a fresh and organic feel.

text

Dark gray or black text works well on #FFC400, #D0EE7E, and #76C68A. For darker elements like #4CA2CD, use white or a very light gray for readability.

Accessibility notes

  • Ensure sufficient contrast when using #D0EE7E (light green) as a background; dark text is essential.
  • Avoid pairing #FFC400 (yellow) with very light grays for text, as readability will be compromised.
  • The darker shades like #76C68A and #4CA2CD offer good contrast with white text.
  • Always check text-to-background contrast ratios, especially for elements using #FF9B54 and #FFC400.

Recommended combinations

Sunny Refresh

Creates a bright, clear, and refreshing feel, ideal for headers or clean informational displays.

#FFC400 · #4CA2CD · #D0EE7E

Vitality Boost

Excellent for energetic calls to action or sections promoting health and natural ingredients.

#FF9B54 · #76C68A · #FFC400

Cool Harmony

Provides a soothing and natural aesthetic, perfect for backgrounds or calming content blocks.

#76C68A · #4CA2CD · #D0EE7E

CSS variables

:root {
  --tropical-fruit-smoothie-2-1: #FF9B54;
  --tropical-fruit-smoothie-2-2: #FFC400;
  --tropical-fruit-smoothie-2-3: #D0EE7E;
  --tropical-fruit-smoothie-2-4: #76C68A;
  --tropical-fruit-smoothie-2-5: #4CA2CD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-fruit-smoothie-2": {
        1: "#FF9B54",
        2: "#FFC400",
        3: "#D0EE7E",
        4: "#76C68A",
        5: "#4CA2CD",
      }
    }
  }
}

Related searches

refreshing summer colorshealthy food color schemesnatural vibrant paletteeco-friendly design colorsenergetic fruit smoothie hues

Palette colors

Hex values

Color 1#FF9B54
·
Color 2#FFC400
·
Color 3#D0EE7E
·
Color 4#76C68A
·
Color 5#4CA2CD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1:1Fail
1.4:1Fail
2
1.3:1Fail
1.2:1Fail
1.3:1Fail
1.8:1Fail
3
1.6:1Fail
1.2:1Fail
1.6:1Fail
2.2:1Fail
4
1:1Fail
1.3:1Fail
1.6:1Fail
1.4:1Fail
5
1.4:1Fail
1.8:1Fail
2.2:1Fail
1.4:1Fail

Similar palettes

More like Tropical Fruit Smoothie

View all vibrant
Sun-Drenched Island Fruit
Dragon Fruit Pop
Exotic Fruit Burst
Island Drink Splash
Island Fruit Blend
Jungle Blossom Burst