Back to palettes

Palette

Wildflower Meadow Bloom

A joyful explosion of gentle purples, pinks, and greens, like a sun-drenched meadow.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wildflower Meadow Bloom 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 Wildflower Meadow Bloom.

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

Data visualization

#8A2BE2#DA70D6#FF69B4#ADFF2F#FFD700

Palette guide

How to use Wildflower Meadow Bloom

Overview

The Wildflower Meadow Bloom palette is a joyful explosion of gentle purples, pinks, and greens, truly capturing the essence of a sun-drenched meadow in full flower. Leading with the enchanting #8A2BE2, it transitions through the delicate #DA70D6 and the vibrant #FF69B4. The palette is invigorated by the fresh #ADFF2F and brightened by the sunny #FFD700. This collection is perfect for designers and developers aiming to create playful, feminine, and creative designs. Its diverse yet harmonious hues are ideal for projects that need to convey cheerfulness, natural beauty, and a touch of whimsical charm across various digital and print applications.

Best used for

  • Children's product branding
  • Creative and artistic projects
  • Spring and summer event promotion
  • Playful fashion and accessory design
  • Nature-inspired illustrations
  • Whimsical web and app interfaces

Suggested color roles

primary

Use #8A2BE2 as a bold, enchanting purple for main headings, important buttons, or key graphical elements, drawing attention.

secondary

Employ #FF69B4 as a vibrant, playful pink for supporting elements, sub-sections, or to add a touch of cheerful energy.

accent

Introduce #ADFF2F as a bright, energetic green for striking highlights, icons, or to represent fresh, natural elements.

background

Select #DA70D6 as a soft, delicate lavender base, providing a gentle canvas that allows other colors to pop vibrantly.

text

For clear readability, use #8A2BE2 or a dark neutral color for body text, especially on lighter backgrounds like #DA70D6.

Accessibility notes

  • The very bright #ADFF2F and #FFD700 should be used with extreme caution for text due to potential contrast issues; reserve for accents.
  • Ensure sufficient contrast for #DA70D6 when used for text; it may be too light for small text, requiring a darker background.
  • Using #8A2BE2 for text on #DA70D6 provides reasonable contrast, but always verify WCAG compliance for critical information.
  • Avoid pairing similar light shades (e.g., #DA70D6 and #FF69B4) for text and background to maintain readability.

Recommended combinations

Spring Burst

Creates a playful and vibrant floral combination, ideal for backgrounds, headers, or cheerful graphic elements.

#DA70D6 · #FF69B4 · #ADFF2F

Vibrant Meadow

Delivers a bold and contrasting mix, suitable for impactful branding, main content sections, or dynamic illustrations.

#8A2BE2 · #FFD700 · #ADFF2F

Sweet Blooms

Offers a harmonious pink and purple blend, excellent for creating a feminine, delicate yet engaging visual flow.

#FF69B4 · #DA70D6 · #8A2BE2

CSS variables

:root {
  --wildflower-meadow-bloom-1: #8A2BE2;
  --wildflower-meadow-bloom-2: #DA70D6;
  --wildflower-meadow-bloom-3: #FF69B4;
  --wildflower-meadow-bloom-4: #ADFF2F;
  --wildflower-meadow-bloom-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wildflower-meadow-bloom": {
        1: "#8A2BE2",
        2: "#DA70D6",
        3: "#FF69B4",
        4: "#ADFF2F",
        5: "#FFD700",
      }
    }
  }
}

Related searches

vibrant floral paletteplayful meadow colorsspring bloom designbright purple pink greenwhimsical color scheme

Palette colors

Hex values

Color 1#8A2BE2
·
Color 2#DA70D6
·
Color 3#FF69B4
·
Color 4#ADFF2F
·
Color 5#FFD700
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
2.3:1Fail
4.9:1AA
4.2:1AA18
2
2.1:1Fail
1.1:1Fail
2.4:1Fail
2.1:1Fail
3
2.3:1Fail
1.1:1Fail
2.2:1Fail
1.9:1Fail
4
4.9:1AA
2.4:1Fail
2.2:1Fail
1.1:1Fail
5
4.2:1AA18
2.1:1Fail
1.9:1Fail
1.1:1Fail

Similar palettes

More like Wildflower Meadow Bloom

View all pastel
Candyfloss Cloud Dream
Enchanted Bloom Veil
Fairy Ring
Fairy Tale Petals
Lavender Lemonade Spritz
Pastel Blossom Dream