Back to palettes

Palette

Blooming Garden Sprig

The light, refreshing feel of a small sprig blooming in a peaceful, dewy garden.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Blooming Garden Sprig 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 Blooming Garden Sprig.

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

Data visualization

#90EE90#A2CCB8#B5E5DB#D1F2D1#8FD88F

Palette guide

How to use Blooming Garden Sprig

Overview

The Blooming Garden Sprig palette captures the light, refreshing feel of a small sprig blooming in a peaceful, dewy garden. Featuring soft, harmonious greens like #90EE90 (LightGreen), #A2CCB8, #B5E5DB, #D1F2D1, and #8FD88F, this palette creates a calm, fresh, and airy aesthetic. It's an excellent choice for designers aiming to evoke a sense of tranquility, natural growth, and gentle new beginnings. The subtle variations in green tones make it ideal for projects that require a serene, organic, and effortlessly beautiful visual language, reminiscent of a quiet morning garden.

Best used for

  • Eco-friendly and sustainable branding
  • Wellness and meditation apps
  • Gentle nature blogs and websites
  • Spring event invitations and decor
  • Baby product designs and nursery decor
  • Serene digital art and illustrations

Suggested color roles

primary

Use #90EE90 as a fresh, inviting green for prominent headings or key visual elements, symbolizing new growth.

secondary

Employ #A2CCB8 for larger content blocks or panels, offering a soft, muted green that enhances readability.

accent

Apply #B5E5DB for light, airy highlights, subtle icons, or decorative elements, adding a touch of ethereal freshness.

background

Choose #D1F2D1 or a clean white for a light, expansive canvas, creating a serene and inviting user experience.

text

Dark green or charcoal provides excellent readability on light backgrounds. White text can work on #90EE90 for headings.

Accessibility notes

  • Crucially, ensure text has sufficient contrast against these light, pastel backgrounds; darker greens or charcoals are essential.
  • Avoid using light text on light backgrounds; always test contrast ratios for all text sizes.
  • Use darker greens for main body text to ensure legibility.
  • Clearly define interactive elements with distinct color changes or outlines, as subtle differences may be hard to discern.

Recommended combinations

Dewy Greens

Creates a soft gradient of dewy greens, ideal for gentle backgrounds or calming UI elements.

#D1F2D1 · #B5E5DB · #A2CCB8

Fresh Sprig

Offers lively green accents, perfect for simulating foliage or providing natural visual structure.

#90EE90 · #8FD88F · #A2CCB8

Calm Garden

Provides a serene background for content, combining light and slightly more vibrant greens.

#B5E5DB · #90EE90 · #D1F2D1

CSS variables

:root {
  --blooming-garden-sprig-1: #90EE90;
  --blooming-garden-sprig-2: #A2CCB8;
  --blooming-garden-sprig-3: #B5E5DB;
  --blooming-garden-sprig-4: #D1F2D1;
  --blooming-garden-sprig-5: #8FD88F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "blooming-garden-sprig": {
        1: "#90EE90",
        2: "#A2CCB8",
        3: "#B5E5DB",
        4: "#D1F2D1",
        5: "#8FD88F",
      }
    }
  }
}

Related searches

pastel green palettefresh floral colorslight spring themecalm nature designeco-friendly soft colors

Palette colors

Hex values

Color 1#90EE90
·
Color 2#A2CCB8
·
Color 3#B5E5DB
·
Color 4#D1F2D1
·
Color 5#8FD88F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1:1Fail
1.2:1Fail
1.2:1Fail
2
1.2:1Fail
1.3:1Fail
1.5:1Fail
1:1Fail
3
1:1Fail
1.3:1Fail
1.1:1Fail
1.2:1Fail
4
1.2:1Fail
1.5:1Fail
1.1:1Fail
1.4:1Fail
5
1.2:1Fail
1:1Fail
1.2:1Fail
1.4:1Fail

Similar palettes

More like Blooming Garden Sprig

View all pastel