Palette

Tropical Fruit Bowl

A refreshing burst of color from a vibrant arrangement of exotic, ripe 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 Bowl 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 Bowl.

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

Data visualization

#FFD700#FF8C00#3CB371#FF1493#9400D3

Palette guide

How to use Tropical Fruit Bowl

Overview

The "Tropical Fruit Bowl" palette delivers a refreshing burst of color from exotic, ripe tropical fruits. It's a vibrant and energetic scheme, featuring a cheerful gold (#FFD700), a warm dark orange (#FF8C00), and a refreshing medium sea green (#3CB371). The bold deep pink (#FF1493) and rich dark violet (#9400D3) add depth and an exotic flair. Designers and developers can leverage this palette to create lively, playful, and attention-grabbing experiences. It's particularly effective for projects aiming to evoke warmth, energy, and a sense of indulgence, making it ideal for creative branding, food-related designs, or summer campaigns.

Best used for

Food and beverage packaging
Children's entertainment branding
Summer festival marketing
Creative and artistic portfolios
Playful e-commerce platforms
Exotic restaurant menus

Suggested color roles

primary

Use #FF8C00 (Dark Orange) for main calls-to-action or prominent elements, conveying warmth and invigoration.

secondary

Apply #FF1493 (Deep Pink) for headlines, secondary buttons, or graphic accents to add boldness and energy.

accent

Incorporate #3CB371 (Medium Sea Green) for refreshing contrasts, icons, or subtle background patterns, offering visual relief.

background

Utilize #FFD700 (Gold) for vibrant background sections, or a neutral off-white to let the fruit colors truly pop.

text

For light backgrounds, black or a rich charcoal provides excellent readability. For darker elements, white text stands out clearly.

Accessibility notes

Ensure sufficient contrast for text on #FFD700; dark text like black or #9400D3 is recommended.
Check contrast ratios for text on #FF8C00 and #FF1493; white text often provides the best readability.
Avoid pairing #FFD700 and #FF8C00 for adjacent text and background elements due to low contrast.
Use #3CB371 for text only on very light backgrounds to ensure sufficient readability.

Recommended combinations

Citrus Burst

Ideal for fresh, zesty product showcases or vibrant banner advertisements, combining warmth with a cool accent.

#FFD700 · #FF8C00 · #3CB371

Berry Mix

Excellent for bold, rich sections like testimonials or feature highlights, creating a luxurious and energetic feel.

#FF1493 · #9400D3 · #FF8C00

Exotic Medley

Suitable for playful illustrations or unique graphic elements, offering an unexpected yet harmonious blend.

#3CB371 · #FFD700 · #9400D3

CSS variables

:root {
  --tropical-fruit-bowl-1: #FFD700;
  --tropical-fruit-bowl-2: #FF8C00;
  --tropical-fruit-bowl-3: #3CB371;
  --tropical-fruit-bowl-4: #FF1493;
  --tropical-fruit-bowl-5: #9400D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-fruit-bowl": {
        1: "#FFD700",
        2: "#FF8C00",
        3: "#3CB371",
        4: "#FF1493",
        5: "#9400D3",
      }
    }
  }
}

Hex values

Color 1#FFD700

Color 2#FF8C00

Color 3#3CB371

Color 4#FF1493

Color 5#9400D3

Accessibility

Contrast checker

1.7:1Fail

1.9:1Fail

2.6:1Fail

4.7:1AA

1.7:1Fail

1.1:1Fail

1.6:1Fail

2.8:1Fail

1.9:1Fail

1.1:1Fail

1.4:1Fail

2.5:1Fail

2.6:1Fail

1.6:1Fail

1.4:1Fail

1.8:1Fail

4.7:1AA

2.8:1Fail

2.5:1Fail

1.8:1Fail

Similar palettes

More like Tropical Fruit Bowl

View all vibrant

Exotic Fruit Cascade

Tropical Fruit Medley

Exotic Fruit Burst

Exotic Plume Paradise

Island Fruit Blend

Island Fruit Punch