Back to palettes

Palette

Meadow Bloom Fresh

A cheerful and airy palette celebrating the fresh, tender growth and delicate blooms of springtime.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#a2d2ff#d4edda#fdfd96#b0e0e6#ccbfe5

Palette guide

How to use Meadow Bloom Fresh

Overview

The "Meadow Bloom Fresh" palette is a cheerful and airy collection, perfectly capturing the essence of springtime. With refreshing blues like #a2d2ff and #b0e0e6, a gentle mint green #d4edda, a sunny pale yellow #fdfd96, and a delicate lavender #ccbfe5, it’s ideal for designs seeking a light, optimistic feel. Designers and developers will find these hues harmonious and welcoming, excellent for conveying freshness, natural beauty, and a playful yet calming aesthetic. Its subtle vibrancy makes it versatile for digital interfaces, branding, and print, offering a bright visual experience that delights the user. Careful contrast planning is essential for optimal readability.

Best used for

  • Eco-friendly product branding and packaging
  • Children's educational apps or websites
  • Spring or summer event invitations and marketing
  • Health and wellness brand identity
  • Floral design studio websites
  • Lighthearted blog or social media graphics

Suggested color roles

primary

Use #a2d2ff (Sky Blue) as a dominant header color, main call-to-action background, or large UI elements for a fresh, inviting feel.

secondary

Employ #d4edda (Mint Green) for background sections, secondary navigation, or subtle graphic elements to reinforce a natural, calm vibe.

accent

Ideal for highlights, small interactive elements, or icons, #fdfd96 (Pale Yellow) draws attention with a cheerful, energetic pop.

background

A soft, expansive background for main content areas, #b0e0e6 (Light Teal) provides a gentle, calming base without being stark white.

text

For primary body text, use a dark charcoal or black for optimal readability. For headlines or large display text, #ccbfe5 (Lavender) can work on very dark backgrounds, but avoid for small body copy.

Accessibility notes

  • Ensure sufficient contrast when pairing any of these light colors with white text; a dark gray or black is usually required for body copy.
  • Test color combinations for text and interactive elements against WCAG guidelines, especially when using #d4edda or #fdfd96 as backgrounds.
  • Consider using a darker shade (e.g., #333333) for primary text to maintain readability on lighter backgrounds within this palette.
  • Avoid using #fdfd96 (Pale Yellow) for small text or icons on white or very light backgrounds due to very low contrast.

Recommended combinations

Fresh Sky

Ideal for a bright, optimistic header or hero section, with #a2d2ff as dominant, #d4edda for supporting graphics, and #fdfd96 for highlights.

#A2D2FF · #D4EDDA · #FDFD96

Gentle Bloom

Creates a soft, calming user interface, excellent for background sections with #b0e0e6, subtle elements in #d4edda, and delicate accents in #ccbfe5.

#CCBFE5 · #B0E0E6 · #D4EDDA

Spring Energy

Use for vibrant calls-to-action or playful illustrations, where #fdfd96 provides energy, #a2d2ff offers stability, and #ccbfe5 adds a touch of whimsy.

#FDFD96 · #A2D2FF · #CCBFE5

CSS variables

:root {
  --meadow-bloom-fresh-1: #a2d2ff;
  --meadow-bloom-fresh-2: #d4edda;
  --meadow-bloom-fresh-3: #fdfd96;
  --meadow-bloom-fresh-4: #b0e0e6;
  --meadow-bloom-fresh-5: #ccbfe5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "meadow-bloom-fresh": {
        1: "#a2d2ff",
        2: "#d4edda",
        3: "#fdfd96",
        4: "#b0e0e6",
        5: "#ccbfe5",
      }
    }
  }
}

Related searches

spring color palette hex codesfresh light ui colorsfloral brand color schemepastel spring web designbright airy color combinations

Palette colors

Hex values

Color 1#a2d2ff
·
Color 2#d4edda
·
Color 3#fdfd96
·
Color 4#b0e0e6
·
Color 5#ccbfe5
·

Accessibility

Contrast checker

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

Similar palettes

More like Meadow Bloom Fresh

View all vibrant
Meadow Bloom
Spring Daffodil Field
Vibrant Meadow Blush
Arid Bloom Blaze
Citrus Burst Energy
Citrus Burst Zest