Palette

Meadow Dew Kiss

A lively collection of greens, capturing the freshness of dewy spring meadows and new growth.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Meadow Dew Kiss 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 Dew Kiss.

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

Data visualization

#6B8E23#ADFF2F#9ACD32#7CFC00#556B2F

Palette guide

How to use Meadow Dew Kiss

Overview

The "Meadow Dew Kiss" palette is a vibrant collection of greens, perfect for evoking freshness, nature, and new beginnings. Featuring lively shades like the bright #ADFF2F (Green Yellow) and the slightly deeper #9ACD32 (Yellow Green), alongside the grounding #6B8E23 (Olive Drab) and rich #556B2F (Dark Olive Green), this palette offers a versatile range for designers and developers. It’s ideal for projects that aim to capture the essence of spring, growth, and natural vitality, providing a refreshing and organic aesthetic. These greens facilitate designs that feel both energetic and rooted in nature.

Best used for

Nature-themed branding and logos
Eco-friendly product packaging and marketing
Outdoor lifestyle websites or mobile applications
Health and wellness interfaces or content
Botanical or environmental educational materials
Spring season event promotions and collateral

Suggested color roles

primary

#9ACD32 (Yellow Green). A balanced and approachable green, excellent for main headings, call-to-action buttons, or primary brand elements, offering a fresh yet stable feel.

secondary

#556B2F (Dark Olive Green). A deep, grounding green perfect for backgrounds, footers, or secondary navigation, providing a rich, earthy contrast without being overly dark.

accent

#ADFF2F (Green Yellow). A bright, energetic pop of color, ideal for alerts, interactive elements, or small details that need to grab immediate attention and convey vitality.

background

#6B8E23 (Olive Drab). A muted, natural green that works well for section backgrounds, content cards, or subtle UI elements, offering a soft visual bed for other colors.

text

#556B2F (Dark Olive Green). This deep green offers good readability against lighter backgrounds, providing a cohesive, organic alternative to standard black or charcoal text.

Accessibility notes

Ensure sufficient contrast when pairing #ADFF2F or #7CFC00 with very light backgrounds; aim for WCAG AA or AAA.
Use a light text color (e.g., white or light grey) when placing text over darker greens like #6B8E23 or #556B2F.
Be mindful of color perception for users with red-green color blindness, using alternative indicators alongside color where critical.
Test the contrast of #9ACD32 against both dark and light elements to ensure legibility across various UI components.

Recommended combinations

Fresh & Earthy

Highlighting fresh, vibrant elements against a grounded, natural base for organic product displays or nature-focused content.

#ADFF2F · #6B8E23 · #556B2F

Vibrant Growth

Dynamic designs needing a strong pop of vitality and clear hierarchy, perfect for energetic calls-to-action or status indicators.

#7CFC00 · #9ACD32 · #556B2F

Subtle Meadow

Softer, layered green designs where the brighter greens act as a subtle highlight, ideal for serene interfaces or background textures.

#6B8E23 · #9ACD32 · #ADFF2F

CSS variables

:root {
  --meadow-dew-kiss-1: #6B8E23;
  --meadow-dew-kiss-2: #ADFF2F;
  --meadow-dew-kiss-3: #9ACD32;
  --meadow-dew-kiss-4: #7CFC00;
  --meadow-dew-kiss-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "meadow-dew-kiss": {
        1: "#6B8E23",
        2: "#ADFF2F",
        3: "#9ACD32",
        4: "#7CFC00",
        5: "#556B2F",
      }
    }
  }
}

Hex values

Color 1#6B8E23

Color 2#ADFF2F

Color 3#9ACD32

Color 4#7CFC00

Color 5#556B2F

Accessibility

Contrast checker

3.1:1AA18

2:1Fail

2.9:1Fail

1.6:1Fail

3.1:1AA18

1.5:1Fail

1.1:1Fail

4.8:1AA

2:1Fail

1.5:1Fail

1.4:1Fail

3.2:1AA18

2.9:1Fail

1.1:1Fail

1.4:1Fail

4.5:1AA18

1.6:1Fail

4.8:1AA

3.2:1AA18

4.5:1AA18

Similar palettes

More like Meadow Dew Kiss

View all earth

Verdant Glade Light

Grassy Knoll

Botanical Herbarium Shade

Desert Oasis Bloom

Emerald Canyon Echo

Emerald Forest Depths