Back to palettes

Palette

Tropical Burst

An explosion of bold, bright colors capturing the lively energy and lushness of a vibrant tropical paradise.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF6F61#FFD700#76EE00#1E90FF#FFA07A

Palette guide

How to use Tropical Burst

Overview

The Tropical Burst palette is an explosion of bold, bright colors capturing the lively energy and lushness of a vibrant tropical paradise. This engaging collection includes warm #FF6F61 (Coral), brilliant #FFD700 (Gold), vivid #76EE00 (Chartreuse), refreshing #1E90FF (Dodger Blue), and soft #FFA07A (Light Salmon). It’s an ideal choice for designs that aim to be energetic, playful, and visually captivating, evoking the joy and vibrancy of a sunny, exotic getaway. Designers can utilize this palette to create inviting user interfaces, dynamic branding, or eye-catching promotional materials that convey a sense of adventure, fun, and modern appeal.

Best used for

  • Travel and tourism marketing for beach destinations
  • Summer fashion and accessory branding
  • Playful mobile application interfaces
  • Creative digital advertisements
  • Lifestyle blogs and social media content
  • Youth-oriented product design

Suggested color roles

primary

Use #1E90FF (Dodger Blue) for main headings, navigation, or to establish a bold yet approachable brand presence.

secondary

Apply #FF6F61 (Coral) for complementary sections, subheadings, or to introduce warmth and a touch of modern sophistication.

accent

Incorporate #FFD700 (Gold) or #76EE00 (Chartreuse) for call-to-action buttons, highlights, or to add bursts of energetic focal points.

background

A clean white or very light neutral gray background will allow these vibrant colors to truly pop and maintain visual clarity.

text

Black (#000000) or a dark charcoal (#333333) is essential for body text readability. White text works well on #1E90FF and #FF6F61 for headings.

Accessibility notes

  • Ensure sufficient contrast for text on #FFD700, #76EE00, and #FFA07A; dark text is strongly recommended.
  • Avoid using #76EE00 for extensive body text due to its high luminance and saturation, which can cause eye strain.
  • When pairing #1E90FF or #FF6F61 with white text, verify WCAG AA contrast ratios, especially for smaller font sizes.
  • The light #FFA07A should primarily be used for backgrounds or large graphical elements, not small text.

Recommended combinations

Tropical Sunset

Creates a warm, inviting gradient, perfect for headers, banners, or elements that evoke a serene yet vibrant evening.

#FF6F61 · #FFA07A · #FFD700

Island Fresh

Ideal for designs needing a fresh, natural, and energetic feel, great for illustrations, infographics, or playful branding.

#1E90FF · #76EE00 · #FFD700

Vibrant Coast

Offers a dynamic and modern combination, suitable for web navigation, interactive elements, or contemporary lifestyle branding.

#FF6F61 · #1E90FF · #76EE00

CSS variables

:root {
  --tropical-burst-1: #FF6F61;
  --tropical-burst-2: #FFD700;
  --tropical-burst-3: #76EE00;
  --tropical-burst-4: #1E90FF;
  --tropical-burst-5: #FFA07A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-burst": {
        1: "#FF6F61",
        2: "#FFD700",
        3: "#76EE00",
        4: "#1E90FF",
        5: "#FFA07A",
      }
    }
  }
}

Related searches

bright tropical color schemelively summer paletteexotic web design colorsenergetic travel brandingcolorful paradise aesthetic

Palette colors

Hex values

Color 1#FF6F61
·
Color 2#FFD700
·
Color 3#76EE00
·
Color 4#1E90FF
·
Color 5#FFA07A
·

Accessibility

Contrast checker

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

Similar palettes

More like Tropical Burst

View all vibrant
Tropical Birdsong Flourish
Carnival Kaleidoscope
Jungle Chroma Flare
Meadow Bloom Burst
Mediterranean Coastal Art
Neon City Pulse