Palette

Wildflower Meadow Path

A joyful array of bright, diverse hues found scattered across a wildflower meadow.

vibrantnatural5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8A2BE2#DA70D6#FFC0CB#98FB98#FFA07A

Palette guide

How to use Wildflower Meadow Path

Overview

The Wildflower Meadow Path palette is a vibrant and joyful collection, perfect for designs seeking a playful, natural aesthetic. Featuring a rich Blue Violet (#8A2BE2), a delicate Orchid (#DA70D6), soft Pink (#FFC0CB), refreshing Pale Green (#98FB98), and a warm Light Salmon (#FFA07A), this palette evokes the scattered beauty of a sun-drenched field. Designers can leverage its diverse hues to create lively interfaces, engaging marketing materials, or whimsical branding. Its bright, contrasting colors offer ample opportunity for dynamic visual storytelling, making it a versatile choice for projects that aim to feel fresh and energetic.

Best used for

Playful brand identity and logos
Children's book illustrations and products
Spring and summer event invitations
Creative digital art and web design
Nature-themed marketing campaigns
Fashion and accessories for a vibrant look

Suggested color roles

primary

Use #8A2BE2 (Blue Violet) for dominant brand elements, headlines, or key interactive components to establish a strong, vibrant presence.

secondary

Apply #DA70D6 (Orchid) for supporting sections, subheadings, or secondary calls to action, offering a softer yet still engaging tone.

accent

Incorporate #FFA07A (Light Salmon) or #98FB98 (Pale Green) for highlights, icons, or interactive states to draw attention and add a pop of contrast.

background

Utilize #FFC0CB (Pink) for light, airy backgrounds, or a very light off-white to allow the brighter colors to truly shine.

text

For optimal readability, use a dark color like charcoal or a deep indigo on lighter backgrounds, or white text on #8A2BE2 and #DA70D6.

Accessibility notes

Ensure sufficient contrast when pairing lighter colors like #FFC0CB and #98FB98 with text; aim for dark text.
Verify that #8A2BE2 and #DA70D6 provide adequate contrast against white or very light text for headings.
Avoid using #FFA07A or #98FB98 for large blocks of small text on white backgrounds due to potential readability issues.
When using multiple vibrant colors, test combinations to ensure no visual fatigue or difficulty in discerning elements.

Recommended combinations

Playful Pop

Ideal for attention-grabbing calls to action or lively graphic elements, combining bold purple with warm orange and soft pink.

#8A2BE2 · #FFA07A · #FFC0CB

Natural Blend

Excellent for natural themes, creating a harmonious blend of green, pink, and purple, suitable for backgrounds or illustrations.

#98FB98 · #DA70D6 · #8A2BE2

Soft Contrast

Perfect for softer accents or subtle interactive elements, offering a gentle yet distinct contrast within the palette.

#FFC0CB · #DA70D6 · #FFA07A

CSS variables

:root {
  --wildflower-meadow-path-2-1: #8A2BE2;
  --wildflower-meadow-path-2-2: #DA70D6;
  --wildflower-meadow-path-2-3: #FFC0CB;
  --wildflower-meadow-path-2-4: #98FB98;
  --wildflower-meadow-path-2-5: #FFA07A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wildflower-meadow-path-2": {
        1: "#8A2BE2",
        2: "#DA70D6",
        3: "#FFC0CB",
        4: "#98FB98",
        5: "#FFA07A",
      }
    }
  }
}

Hex values

Color 1#8A2BE2

Color 2#DA70D6

Color 3#FFC0CB

Color 4#98FB98

Color 5#FFA07A

Accessibility

Contrast checker

2.1:1Fail

3.9:1AA18

4.7:1AA

3:1Fail

2.1:1Fail

1.9:1Fail

2.3:1Fail

1.5:1Fail

3.9:1AA18

1.9:1Fail

1.2:1Fail

1.3:1Fail

4.7:1AA

2.3:1Fail

1.2:1Fail

1.6:1Fail

3:1Fail

1.5:1Fail

1.3:1Fail

1.6:1Fail

Similar palettes

More like Wildflower Meadow Path

Botanist's Herbarium Sheet

Cactus Blossom Kiss