Back to palettes

Palette

Monsoon Bloom Burst

A sudden, vibrant explosion of color, like flowers blooming after a tropical monsoon.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E63946#F1FAEE#A8DADC#457B9D#1D3557

Palette guide

How to use Monsoon Bloom Burst

Overview

The "Monsoon Bloom Burst" palette is a vibrant explosion of color, mirroring the dramatic beauty of flowers blooming after a tropical monsoon. It combines the striking energy of #E63946 (a fiery red) with the serene coolness of #1D3557 (a deep navy) and #457B9D (a rich blue), balanced by the refreshing teal #A8DADC and a crisp, near-white #F1FAEE. This palette is designed for projects that demand attention and convey dynamism, freshness, and sophisticated energy. Designers can use it for impactful branding, lively digital interfaces, or compelling marketing materials. Developers will find these hex codes ideal for creating engaging calls to action, distinct UI states, and visually stimulating user experiences.

Best used for

  • Energetic branding and marketing campaigns
  • Modern tech startups and innovative product launches
  • Youth-oriented websites and mobile applications
  • Event promotion and festival branding
  • Dynamic digital art and creative portfolios
  • Travel and adventure blogs

Suggested color roles

primary

#1D3557 - A deep, sophisticated navy, providing a strong, elegant foundation for backgrounds or core structural elements.

secondary

#457B9D - A rich, inviting blue, excellent for secondary content, large UI components, or a supporting brand color.

accent

#E63946 - A powerful, vibrant red, perfect for calls to action, alerts, or elements requiring maximum visual impact.

background

#F1FAEE - A clean, almost white background that offers a crisp canvas, making all other colors pop vividly.

text

#1D3557 - A dark, highly legible navy for primary body text against light backgrounds like #F1FAEE, ensuring excellent readability. Pure black can also be used.

Accessibility notes

  • #1D3557 on #F1FAEE offers excellent contrast for primary text.
  • Use #E63946 carefully as text against mid-tones; ensure sufficient contrast (e.g., on #F1FAEE).
  • The vibrant #E63946 should be used as an accent, not for large blocks of text, to avoid eye strain.
  • Ensure interactive elements are clearly distinguishable, perhaps using #A8DADC for hover states.

Recommended combinations

Vibrant Contrast

A striking dark-on-light base with a powerful, attention-grabbing accent.

#1D3557 · #F1FAEE · #E63946

Cool & Crisp

Creating a refreshing and clear visual flow, ideal for clean interfaces.

#457B9D · #A8DADC · #F1FAEE

Energetic Pop

Deep primary with a bold accent and a cool, supportive highlight for interactive elements.

#1D3557 · #E63946 · #A8DADC

CSS variables

:root {
  --monsoon-bloom-burst-1: #E63946;
  --monsoon-bloom-burst-2: #F1FAEE;
  --monsoon-bloom-burst-3: #A8DADC;
  --monsoon-bloom-burst-4: #457B9D;
  --monsoon-bloom-burst-5: #1D3557;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monsoon-bloom-burst": {
        1: "#E63946",
        2: "#F1FAEE",
        3: "#A8DADC",
        4: "#457B9D",
        5: "#1D3557",
      }
    }
  }
}

Related searches

vibrant color schemeenergetic branding palettemodern UI colorsbold digital designred blue green palette

Palette colors

Hex values

Color 1#E63946
·
Color 2#F1FAEE
·
Color 3#A8DADC
·
Color 4#457B9D
·
Color 5#1D3557
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.9:1AA18
2.7:1Fail
1.1:1Fail
3:1Fail
2
3.9:1AA18
1.4:1Fail
4.3:1AA18
11.6:1AAA
3
2.7:1Fail
1.4:1Fail
3:1AA18
8.1:1AAA
4
1.1:1Fail
4.3:1AA18
3:1AA18
2.7:1Fail
5
3:1Fail
11.6:1AAA
8.1:1AAA
2.7:1Fail

Similar palettes

More like Monsoon Bloom Burst

View all vibrant
Carnival Kaleidoscope
Meadow Bloom Burst
Pixel Game Neon
Vibrant Fiesta Colors
Aurora Borealis
Aurora Veil Lights