Back to palettes

Palette

Tropic Bloom Burst

A joyous explosion of bright pinks and vibrant greens, capturing the lively essence of a flourishing tropical garden.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF5A5F#FF8A8C#FFBBBD#8BCB9E#62A87D

Palette guide

How to use Tropic Bloom Burst

Overview

The "Tropic Bloom Burst" palette radiates joy with its effervescent blend of bright pinks and vibrant greens, capturing the lively essence of a flourishing tropical garden. Featuring cheerful hues like #FF5A5F, #FF8A8C, and #FFBBBD, beautifully balanced by refreshing greens #8BCB9E and #62A87D, this palette is designed for warmth, energy, and approachability. It’s ideal for designers and developers crafting experiences related to summer, fresh produce, playful brands, or any project aiming to evoke happiness and natural vitality. The harmonious contrast between the pinks and greens offers dynamic visual appeal.

Best used for

  • Summer fashion branding
  • Fresh food and beverage packaging
  • Children's clothing lines
  • Gardening and botanical websites
  • Playful mobile game interfaces
  • Health and wellness products with a vibrant twist

Suggested color roles

primary

Use #FF5A5F (Coral Pink) for calls to action, prominent headings, or hero elements, drawing immediate, cheerful attention.

secondary

Apply #62A87D (Deep Sage Green) for secondary navigation, background panels, or supportive graphic elements, providing a grounding natural contrast.

accent

Employ #8BCB9E (Light Mint Green) for subtle highlights, interactive element states, or delicate patterns, adding freshness.

background

Utilize #FFBBBD (Pale Pink) to create a soft, warm, and inviting backdrop, allowing other colors to pop gently.

text

Use #62A87D (Deep Sage Green) for headings and important text. For general body text, use a dark charcoal like #333333 for optimal readability against lighter pinks.

Accessibility notes

  • Ensure sufficient contrast when pairing #FFBBBD or #FF8A8C with lighter text; darker text like #62A87D or black is recommended.
  • #62A87D provides good contrast against #FFBBBD for text and interactive elements.
  • Avoid placing #8BCB9E on #62A87D for critical information due to similar values.
  • Always test color combinations with accessibility tools, especially for text and interactive UI components, to meet WCAG guidelines.

Recommended combinations

Garden Party

Perfect for a cheerful landing page, using vibrant pink for focus, deep green for balance, and pale pink for a soft background.

#FF5A5F · #62A87D · #FFBBBD

Fresh Bloom

Ideal for product showcases or visual storytelling, highlighting freshness and vitality with complementary tones.

#FF8A8C · #8BCB9E · #FF5A5F

Tropical Leaf

Effective for creating organic patterns or subtle background textures, evoking nature with a soft, inviting feel.

#62A87D · #8BCB9E · #FFBBBD

CSS variables

:root {
  --tropic-bloom-burst-1: #FF5A5F;
  --tropic-bloom-burst-2: #FF8A8C;
  --tropic-bloom-burst-3: #FFBBBD;
  --tropic-bloom-burst-4: #8BCB9E;
  --tropic-bloom-burst-5: #62A87D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropic-bloom-burst": {
        1: "#FF5A5F",
        2: "#FF8A8C",
        3: "#FFBBBD",
        4: "#8BCB9E",
        5: "#62A87D",
      }
    }
  }
}

Related searches

vibrant pink green palettetropical floral colorscheerful summer schemefresh energetic design colorsplayful botanical palette

Palette colors

Hex values

Color 1#FF5A5F
·
Color 2#FF8A8C
·
Color 3#FFBBBD
·
Color 4#8BCB9E
·
Color 5#62A87D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
1.6:1Fail
1.1:1Fail
2
1.3:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail
3
1.9:1Fail
1.4:1Fail
1.2:1Fail
1.8:1Fail
4
1.6:1Fail
1.2:1Fail
1.2:1Fail
1.5:1Fail
5
1.1:1Fail
1.2:1Fail
1.8:1Fail
1.5:1Fail

Similar palettes

More like Tropic Bloom Burst

View all vibrant
Dragon Fruit Burst
Tropical Fiesta Fizz
Tropical Punch Fiesta
Tropical Smoothie Bliss
Vibrant Tiki Mask
Berry Patch Bliss