Palette

Meadow Wildflower Hues

A riot of bright, natural hues found in a sun-drenched meadow bursting with wildflowers.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#DAF7A6#FFC300#FF5733#C70039#900C3F

Palette guide

How to use Meadow Wildflower Hues

Overview

The Meadow Wildflower Hues palette captures the vibrant essence of a sun-drenched field, offering a playful and natural feel ideal for spirited designs. Featuring a bright spectrum from the fresh #DAF7A6 and sunny #FFC300 to the energetic #FF5733, deep #C70039, and rich #900C3F, this collection is perfect for projects seeking a lively, organic aesthetic. Designers can leverage its dynamic range to create engaging visuals, while developers will appreciate the distinct contrast opportunities for user interface elements. This palette evokes warmth, growth, and joy, making it versatile for brand identities, digital interfaces, and seasonal campaigns that aim to be memorable and inviting.

Best used for

Children's product branding and packaging
Summer event promotions and invitations
Nature-themed websites and mobile apps
Playful lifestyle blog designs
Creative workshop or art studio branding
Organic food and beverage marketing

Suggested color roles

primary

Use #FFC300 (Golden Yellow) as a dominant, inviting color for primary calls-to-action, headers, or main content blocks to convey warmth and optimism.

secondary

Employ #DAF7A6 (Light Green/Yellow) for supportive elements like secondary backgrounds, subtle accents, or card outlines, offering a fresh, airy feel.

accent

Apply #FF5733 (Orange-Red) sparingly for high-impact alerts, interactive states, or key highlights to grab immediate attention with its energetic presence.

background

Utilize #DAF7A6 (Light Green/Yellow) for light, refreshing backgrounds that allow other vibrant colors to pop, creating a natural and open canvas.

text

Opt for #900C3F (Dark Plum/Berry) for primary body text and headings, providing excellent readability and a sophisticated contrast against lighter palette colors. For general text, a deep charcoal or black also pairs effectively.

Accessibility notes

Ensure sufficient contrast when pairing #DAF7A6 with lighter text; aim for dark text like #900C3F.
Text on #FFC300 should be dark (e.g., #900C3F or black) to meet WCAG contrast guidelines.
Be mindful of using #FF5733 or #C70039 for small text against similar hues, as contrast might be low for some users.
When using the reds and greens together, ensure adequate luminance contrast to assist users with color vision deficiencies.

Recommended combinations

Sunny Meadow

Ideal for bright, energetic hero sections or playful graphic elements, evoking a cheerful, open outdoor feel.

#DAF7A6 · #FFC300 · #FF5733

Berry Bloom

Use for striking headlines or sophisticated brand elements where a deep, rich contrast against a light background is desired.

#C70039 · #900C3F · #DAF7A6

Vibrant Accents

Excellent for calls-to-action or interactive components, using the dark plum as text on the golden yellow, with the orange-red for highlights.

#FFC300 · #900C3F · #FF5733

CSS variables

:root {
  --meadow-wildflower-hues-1: #DAF7A6;
  --meadow-wildflower-hues-2: #FFC300;
  --meadow-wildflower-hues-3: #FF5733;
  --meadow-wildflower-hues-4: #C70039;
  --meadow-wildflower-hues-5: #900C3F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "meadow-wildflower-hues": {
        1: "#DAF7A6",
        2: "#FFC300",
        3: "#FF5733",
        4: "#C70039",
        5: "#900C3F",
      }
    }
  }
}

Hex values

Color 1#DAF7A6

Color 2#FFC300

Color 3#FF5733

Color 4#C70039

Color 5#900C3F

Accessibility

Contrast checker

1.4:1Fail

2.7:1Fail

5.1:1AA

7.7:1AAA

1.4:1Fail

2:1Fail

3.7:1AA18

5.7:1AA

2.7:1Fail

2:1Fail

1.9:1Fail

2.9:1Fail

5.1:1AA

3.7:1AA18

1.9:1Fail

1.5:1Fail

7.7:1AAA

5.7:1AA

2.9:1Fail

1.5:1Fail

Similar palettes

More like Meadow Wildflower Hues

View all vibrant

Summer Blossom Medley

Abstract Geometric Bloom

Breezy Wildflower Field

Candy Block Fun

Carnival Confetti Blast

Festival Fairground Joy