Back to palettes

Palette

Rain-Kissed Meadow

Light, refreshing greens mirroring a serene meadow after a gentle rain, sparkling with freshness.

EarthCalm5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rain-Kissed Meadow 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 Rain-Kissed Meadow.

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

Data visualization

#6A8E6F#90AE93#B8D3B3#DDF8D6#F8FFFA

Palette guide

How to use Rain-Kissed Meadow

Overview

The Rain-Kissed Meadow palette mirrors a serene meadow after a gentle rain, sparkling with freshness. This collection, featuring light, refreshing greens like #6A8E6F, #B8D3B3, and #F8FFFA, evokes a sense of calm, natural beauty, and purity. Designers and developers can use this palette to create soft, inviting, and harmonious visuals. It's particularly effective for projects aiming to convey wellness, organic qualities, or a peaceful outdoor aesthetic. The gentle progression from deeper sage to nearly white provides versatility for elegant branding, soothing interfaces, or delicate illustrations.

Best used for

  • Wellness and mindfulness application interfaces
  • Organic food and natural product branding
  • Baby product packaging and websites
  • Garden design and landscaping company branding
  • Serene interior spaces and home decor concepts
  • Environmental initiatives and nature-focused content

Suggested color roles

primary

#6A8E6F serves as a calm, natural main color, ideal for subtle headings, brand logos, or key UI elements.

secondary

#90AE93 offers a gentle, supportive tone, perfect for subheadings, secondary buttons, or accent panels.

accent

#B8D3B3 provides a soft, fresh highlight, excellent for interactive elements, hover states, or subtle graphic details.

background

#F8FFFA creates an airy, nearly white, and refreshing base, offering a clean backdrop for darker text and UI elements.

text

For optimal readability, use a dark green or charcoal (e.g., #222222 or #1A301D) text on the lighter backgrounds.

Accessibility notes

  • The very light backgrounds like #F8FFFA and #DDF8D6 will require very dark text (e.g., black or dark charcoal) for good contrast.
  • #6A8E6F and #90AE93 can be used for text on lighter backgrounds, but always check contrast carefully for small font sizes.
  • Avoid using the lighter shades like #B8D3B3 for small, critical text elements.
  • Ensure sufficient contrast for interactive elements, especially against the very light background colors.

Recommended combinations

Fresh Gradient

Ideal for creating soft, harmonious backgrounds, banners, or illustrations that evoke a gentle, natural feel.

#6A8E6F · #90AE93 · #B8D3B3

Dewy Light

Use for a light and airy feel in content blocks, testimonials, or UI components that require a subtle touch.

#B8D3B3 · #DDF8D6 · #F8FFFA

Grounded Contrast

Pair the lightest shade with the primary and secondary for a clean, natural design with good readability.

#F8FFFA · #6A8E6F · #90AE93

CSS variables

:root {
  --rain-kissed-meadow-1: #6A8E6F;
  --rain-kissed-meadow-2: #90AE93;
  --rain-kissed-meadow-3: #B8D3B3;
  --rain-kissed-meadow-4: #DDF8D6;
  --rain-kissed-meadow-5: #F8FFFA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rain-kissed-meadow": {
        1: "#6A8E6F",
        2: "#90AE93",
        3: "#B8D3B3",
        4: "#DDF8D6",
        5: "#F8FFFA",
      }
    }
  }
}

Related searches

rain kissed meadow colorslight green nature palettecalm fresh huesdewy garden designserene organic brand colors

Palette colors

Hex values

Color 1#6A8E6F
·
Color 2#90AE93
·
Color 3#B8D3B3
·
Color 4#DDF8D6
·
Color 5#F8FFFA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.2:1AA18
3.6:1AA18
2
1.5:1Fail
1.5:1Fail
2.1:1Fail
2.4:1Fail
3
2.3:1Fail
1.5:1Fail
1.4:1Fail
1.6:1Fail
4
3.2:1AA18
2.1:1Fail
1.4:1Fail
1.1:1Fail
5
3.6:1AA18
2.4:1Fail
1.6:1Fail
1.1:1Fail

Similar palettes

More like Rain-Kissed Meadow

View all Earth
Zen Stone Bridge
Cactus Flower Dusk
Jade Mountain Sanctuary
Ancient Ruin Whisper
Desert Twilight Haze
Moonlit Savannah Dusk