Back to palettes

Palette

Spring Meadow Bloom

A cheerful blend of gentle greens, soft yellows, and subtle pinks, reminiscent of a vibrant spring meadow.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#90EE90#F0E68C#FFC0CB#ADD8E6#DAA520

Palette guide

How to use Spring Meadow Bloom

Overview

The Spring Meadow Bloom palette is a cheerful and vibrant collection that captures the essence of a blossoming spring day. This playful scheme features a delightful mix of soft, natural hues. A lively light green, #90EE90, forms a fresh base, while a sunny yellow, #F0E68C, introduces warmth and optimism. The gentle pink of #FFC0CB adds a touch of floral softness, perfectly complemented by the serene light blue, #ADD8E6, reminiscent of a clear spring sky. A rich golden yellow, #DAA520, provides a striking accent, grounding the palette with a deeper, more mature tone. This versatile palette is perfect for designers and developers looking to inject joy and a natural, whimsical feel into their projects, from digital interfaces to playful branding.

Best used for

  • Playful children's product packaging
  • Event invitations for spring garden parties
  • Creative agency branding for cheerful clients
  • Educational apps and interactive games
  • Floral design studio websites
  • Seasonal marketing campaigns

Suggested color roles

primary

#90EE90 - A fresh, lively green, excellent for main content areas, buttons, or branding that seeks a natural, inviting feel.

secondary

#F0E68C - Use this sunny yellow for secondary calls-to-action, highlights, or data visualization to add warmth and energy.

accent

#DAA520 - This rich golden yellow provides a strong, eye-catching accent for important details, icons, or focal points.

background

#ADD8E6 - A gentle light blue that can serve as a calming background, evoking a clear sky, or for spacious layout elements.

text

While this soft pink is decorative, for body text, pair with a dark neutral like #333333 or black for readability. Use #FFC0CB for large headings on a dark background.

Accessibility notes

  • Ensure sufficient contrast between #F0E68C (yellow) and text, as it's a light color; use dark text.
  • The light pink #FFC0CB and light blue #ADD8E6 require careful contrast checks with any text or interactive elements placed on them.
  • #90EE90 can support dark text, but white text might struggle for readability on smaller scales; always test.
  • The strong accent #DAA520 offers good contrast for lighter text (e.g., white) but should be checked against other light palette colors.

Recommended combinations

Sunny & Fresh

Create a bright, optimistic interface with a clear sky background and vibrant green/yellow elements.

#ADD8E6 · #90EE90 · #F0E68C

Playful Pop

Ideal for adding whimsical accents or highlighting key information against a soft blue base.

#ADD8E6 · #FFC0CB · #DAA520

Earthy Bloom

Combine these for a more grounded, yet still cheerful, natural theme, perhaps for illustrations or headers.

#90EE90 · #DAA520 · #F0E68C

CSS variables

:root {
  --spring-meadow-bloom-2-1: #90EE90;
  --spring-meadow-bloom-2-2: #F0E68C;
  --spring-meadow-bloom-2-3: #FFC0CB;
  --spring-meadow-bloom-2-4: #ADD8E6;
  --spring-meadow-bloom-2-5: #DAA520;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-meadow-bloom-2": {
        1: "#90EE90",
        2: "#F0E68C",
        3: "#FFC0CB",
        4: "#ADD8E6",
        5: "#DAA520",
      }
    }
  }
}

Related searches

cheerful spring palettevibrant meadow colorsplayful pastel schemenature inspired brightsspring flower color combination

Palette colors

Hex values

Color 1#90EE90
·
Color 2#F0E68C
·
Color 3#FFC0CB
·
Color 4#ADD8E6
·
Color 5#DAA520
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
1.1:1Fail
1.6:1Fail
2
1.1:1Fail
1.2:1Fail
1.2:1Fail
1.7:1Fail
3
1.1:1Fail
1.2:1Fail
1:1Fail
1.5:1Fail
4
1.1:1Fail
1.2:1Fail
1:1Fail
1.5:1Fail
5
1.6:1Fail
1.7:1Fail
1.5:1Fail
1.5:1Fail

Similar palettes

More like Spring Meadow Bloom

View all pastel
Spring Meadow Delight
Awakening Flora Hues
Cherry Blossom Cloud
Cherry Blossom Dream
Cherry Blossom Festival
Fairy Garden Sprout