Back to palettes

Palette

Whispering Spring Blooms

Delicate and fresh hues of an awakening spring garden with soft blossoms and gentle greens.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Spring Blooms 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 Whispering Spring Blooms.

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

Data visualization

#90EE90#87CEEB#DDA0DD#F08080#FFFACD

Palette guide

How to use Whispering Spring Blooms

Overview

The Whispering Spring Blooms palette captures the essence of an awakening garden, blending delicate and fresh hues. With the vibrant yet soft green of #90EE90, the serene sky blue of #87CEEB, and the playful pink of #F08080, this palette is full of life and cheer. It's an excellent choice for designers and developers aiming to convey a sense of renewal, joy, and natural beauty. The creamy #FFFACD provides a warm, inviting base, making this palette versatile for cheerful branding, engaging digital interfaces, and delightful illustrations that evoke spring's gentle charm.

Best used for

  • Children's clothing and toy branding
  • Spring event promotions and decor
  • Nature-inspired digital illustrations
  • Cheerful website and app designs
  • Greeting cards and stationery
  • Garden and floral shop branding

Suggested color roles

primary

Use #90EE90 as a refreshing primary color for a natural, lively feel on main elements and headers.

secondary

Apply #87CEEB for secondary backgrounds or graphical elements, adding a calm and expansive quality.

accent

Introduce #F08080 as a playful accent color for calls-to-action or highlights, bringing warmth and energy.

background

Employ #FFFACD as a soft, creamy background, offering a warm and inviting canvas for content.

text

A deep forest green or rich charcoal provides excellent readability against these light, vibrant hues.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing light colors like #FFFACD with other pastels.
  • Use #90EE90 or #F08080 for larger text elements against lighter backgrounds for better visibility.
  • Avoid using #FFFACD for small text to prevent readability issues.
  • Test color combinations for interactive components to ensure they meet WCAG contrast standards.

Recommended combinations

Garden Fresh

Creates a lively, cheerful, and natural composition, ideal for playful designs.

#90EE90 · #F08080 · #FFFACD

Sky Blossom

Evokes a dreamy, serene, and soft spring sky with delicate floral touches.

#87CEEB · #DDA0DD · #FFFACD

Vibrant Meadow

A balanced and harmonious blend for natural themes, offering depth and freshness.

#90EE90 · #DDA0DD · #87CEEB

CSS variables

:root {
  --whispering-spring-blooms-1: #90EE90;
  --whispering-spring-blooms-2: #87CEEB;
  --whispering-spring-blooms-3: #DDA0DD;
  --whispering-spring-blooms-4: #F08080;
  --whispering-spring-blooms-5: #FFFACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-spring-blooms": {
        1: "#90EE90",
        2: "#87CEEB",
        3: "#DDA0DD",
        4: "#F08080",
        5: "#FFFACD",
      }
    }
  }
}

Related searches

spring color palettefloral design colorssoft garden huescheerful pastel schemelight nature palette

Palette colors

Hex values

Color 1#90EE90
·
Color 2#87CEEB
·
Color 3#DDA0DD
·
Color 4#F08080
·
Color 5#FFFACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.8:1Fail
1.3:1Fail
2
1.2:1Fail
1.2:1Fail
1.5:1Fail
1.6:1Fail
3
1.5:1Fail
1.2:1Fail
1.3:1Fail
2:1Fail
4
1.8:1Fail
1.5:1Fail
1.3:1Fail
2.4:1Fail
5
1.3:1Fail
1.6:1Fail
2:1Fail
2.4:1Fail

Similar palettes

More like Whispering Spring Blooms

View all pastel
Blooming Meadow Softness
Botanical Bloom Fresh
Lavender Honey Field
Morning Blossom Dew
Pastel Meadow Bloom
Spring Crocus Dawn