Palette

Wild Bloom Burst

A lively explosion of spring flowers, ranging from soft pinks to deep, regal purples.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#DA70D6#9932CC#8A2BE2#4B0082

Palette guide

How to use Wild Bloom Burst

Overview

The Wild Bloom Burst palette is a lively explosion of spring flowers, ranging from soft pinks to deep, regal purples. This vibrant collection transitions from the delicate #FFC0CB and charming #DA70D6, through the rich #9932CC and striking #8A2BE2, culminating in the profound #4B0082. Designers can leverage this palette to create energetic, romantic, and captivating designs for branding, digital interfaces, or celebratory materials. Developers will find these hex codes excellent for crafting visually stimulating experiences, particularly for projects that require a fresh, vibrant, and slightly whimsical aesthetic.

Best used for

Spring fashion collections
Wedding or event invitations
Floral design websites
Beauty and cosmetic branding
Creative art and illustration
Feminine tech product interfaces

Suggested color roles

primary

9932CC - A rich, vibrant purple, perfect for main headings, prominent calls-to-action, or hero elements that demand attention.

secondary

DA70D6 - A softer, yet engaging, medium purple, ideal for subheadings, secondary navigation, or background accents.

accent

FFC0CB - A bright, playful pink, excellent for highlighting key information, interactive states, or small decorative details.

background

4B0082 - A very deep indigo, providing a luxurious dark canvas that allows lighter, floral colors to burst forth.

text

F8F8F8 (near white) - Essential for readability against the deep background colors, or use #9932CC for large, impactful titles on light backgrounds.

Accessibility notes

Ensure light text (e.g., white) has strong contrast against #4B0082 and #8A2BE2 for body text.
Avoid using #DA70D6 for small text on #FFC0CB backgrounds due to insufficient contrast.
When using #9932CC for text, ensure the background is light enough to provide good contrast, or use large font sizes.
Consider using a very dark text color (like black or charcoal) for #FFC0CB backgrounds to improve readability for small print.

Recommended combinations

Floral Gradient

For subtle transitions in banners, hero sections, or illustrative elements.

#FFC0CB · #DA70D6 · #9932CC

Deep Bloom

Effective for creating a sophisticated, deep background with contrasting vibrant elements.

#4B0082 · #8A2BE2 · #DA70D6

Spring Burst

Offers a cohesive, vibrant theme for content blocks or visual elements that convey freshness.

#DA70D6 · #9932CC · #FFC0CB

CSS variables

:root {
  --wild-bloom-burst-1: #FFC0CB;
  --wild-bloom-burst-2: #DA70D6;
  --wild-bloom-burst-3: #9932CC;
  --wild-bloom-burst-4: #8A2BE2;
  --wild-bloom-burst-5: #4B0082;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-bloom-burst": {
        1: "#FFC0CB",
        2: "#DA70D6",
        3: "#9932CC",
        4: "#8A2BE2",
        5: "#4B0082",
      }
    }
  }
}

Hex values

Color 1#FFC0CB

Color 2#DA70D6

Color 3#9932CC

Color 4#8A2BE2

Color 5#4B0082

Accessibility

Contrast checker

1.9:1Fail

3.7:1AA18

3.9:1AA18

8.4:1AAA

1.9:1Fail

2:1Fail

2.1:1Fail

4.5:1AA18

3.7:1AA18

2:1Fail

1:1Fail

2.3:1Fail

3.9:1AA18

2.1:1Fail

1:1Fail

2.2:1Fail

8.4:1AAA

4.5:1AA18

2.3:1Fail

2.2:1Fail

Similar palettes

More like Wild Bloom Burst

View all vibrant

Sunny Meadow Bloom

Berry Patch Delight

Bohemian Rhapsody Blend

Bohemian Rhapsody Bloom

Bohemian Sky Weave

Breezy Wildflower Field