Palette

Tropic Bloom Delight

A joyful explosion of tropical blooms and exotic fruits, bursting with vibrant and cheerful energy.

VibrantEnergetic5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tropic Bloom Delight 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 Tropic Bloom Delight.

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

Data visualization

#FF4D6D#FFC300#C1E55E#1F8A70#FF66A0

Palette guide

How to use Tropic Bloom Delight

Overview

The "Tropic Bloom Delight" palette is a joyful burst of tropical energy, combining luscious pinks and yellows with refreshing greens. Featuring a lively hot pink #FF4D6D, sunny yellow #FFC300, vibrant lime #C1E55E, and a deep teal #1F8A70, complemented by a softer pink #FF66A0, this palette is designed for exuberance and warmth. It's perfect for designers and developers aiming to create dynamic, cheerful, and inviting experiences. Think vibrant marketplaces, juicy food brands, or any digital product that needs to communicate excitement, freshness, and a playful spirit, ensuring a truly energetic user journey.

Best used for

Fruit juice and healthy snack branding
Travel and tourism websites for tropical destinations
Youth-oriented fashion campaigns
Event and party planning materials
Creative and artistic portfolios
Mobile gaming app interfaces

Suggested color roles

primary

Use #FF4D6D (Hot Pink) for main calls to action, prominent headings, or hero elements, demanding immediate, cheerful attention.

secondary

Apply #1F8A70 (Deep Teal) for secondary navigation, background panels, or graphic elements, providing a grounding, sophisticated contrast.

accent

Employ #FFC300 (Sunny Yellow) for interactive elements, highlights, or small icons, adding a burst of optimistic energy and warmth.

background

Utilize #FF66A0 (Soft Pink) to provide a warm, inviting backdrop. For more neutral backgrounds, consider a light cream or white and use this for larger content blocks.

text

Use #1F8A70 (Deep Teal) for headings and important text. For general body text, use a very dark charcoal like #222222 for optimal readability against lighter, vibrant backgrounds.

Accessibility notes

Ensure text (e.g., black, white, or #1F8A70) has strong contrast against the vibrant background colors, especially #FFC300 or #C1E55E.
Avoid placing #C1E55E text on #FFC300 due to very low contrast.
#1F8A70 provides good contrast against #FF4D6D and #FFC300 for interactive elements and key information.
Always test colorblind compatibility and contrast ratios for all text and UI components to ensure inclusivity.

Recommended combinations

Tropical Punch

Perfect for a dynamic hero section or marketing banner, creating a vibrant, high-energy focal point.

#FF4D6D · #FFC300 · #1F8A70

Bloom & Leaf

Ideal for playful illustrations or distinct content blocks, offering a fresh and lively visual appeal.

#C1E55E · #FF66A0 · #1F8A70

Sunny Delight

Effective for highlighting promotions or calls to action, exuding warmth and inviting cheerfulness.

#FFC300 · #FF4D6D · #FF66A0

CSS variables

:root {
  --tropic-bloom-delight-1: #FF4D6D;
  --tropic-bloom-delight-2: #FFC300;
  --tropic-bloom-delight-3: #C1E55E;
  --tropic-bloom-delight-4: #1F8A70;
  --tropic-bloom-delight-5: #FF66A0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropic-bloom-delight": {
        1: "#FF4D6D",
        2: "#FFC300",
        3: "#C1E55E",
        4: "#1F8A70",
        5: "#FF66A0",
      }
    }
  }
}

Hex values

Color 1#FF4D6D

Color 2#FFC300

Color 3#C1E55E

Color 4#1F8A70

Color 5#FF66A0

Accessibility

Contrast checker

2:1Fail

2.2:1Fail

1.3:1Fail

1.2:1Fail

2:1Fail

1.1:1Fail

2.6:1Fail

1.7:1Fail

2.2:1Fail

1.1:1Fail

3:1Fail

1.9:1Fail

1.3:1Fail

2.6:1Fail

3:1Fail

1.6:1Fail

1.2:1Fail

1.7:1Fail

1.9:1Fail

1.6:1Fail

Similar palettes

More like Tropic Bloom Delight

View all Vibrant

Coral Reef Sanctuary

Exotic Fruit Fiesta

Tropical Bird Plumage

Tropical Zest Punch

Abstract Brush Stroke

Abstract Geometric Canvas