Back to palettes

Palette

Electric Meadow

Vivid greens dance like sunlit grasses in a lively meadow, full of spring's effervescent energy.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FF00#32CD32#ADFF2F#7CFC00#9ACD32

Palette guide

How to use Electric Meadow

Overview

The Electric Meadow palette brings forth vivid greens that dance like sunlit grasses, full of spring's effervescent energy. This fresh and lively collection features the bright #00FF00 (Lime Green), spirited #32CD32 (Lime Green), luminous #ADFF2F (Green Yellow), vibrant #7CFC00 (Lawn Green), and a balanced #9ACD32 (Yellow Green). The palette's cohesive range of greens evokes natural vitality with an electric edge, perfect for designs that aim to feel organic yet modern. Designers can use these hues for eco-conscious branding, health and wellness applications, or refreshing digital interfaces. Developers will find it ideal for creating serene yet energetic user experiences in apps or websites related to nature, sustainability, or outdoor activities.

Best used for

  • Eco-friendly brand identity
  • Health and wellness apps
  • Organic food packaging
  • Gardening and nature websites
  • Spring-themed digital campaigns
  • Refreshing UI designs

Suggested color roles

primary

#00FF00 (Lime Green) - A highly energetic and fresh primary color, perfect for main branding elements, large graphic areas, or a vibrant natural background.

secondary

#32CD32 (Lime Green) - Offers a slightly deeper, stable green, ideal for subheadings, navigation elements, or secondary graphic accents, providing balance.

accent

#ADFF2F (Green Yellow) - A luminous, eye-catching accent that adds a touch of sunlit glow, perfect for calls-to-action or key highlights that need to pop.

background

#7CFC00 (Lawn Green) - A bright, inviting background color that evokes lush meadows, providing a vibrant yet natural base for other elements. For a darker background, consider a deep forest green.

text

#9ACD32 (Yellow Green) - Effective for striking headlines on very dark backgrounds. For body text, black or a very dark green (e.g., #003300) will offer optimal readability on lighter greens.

Accessibility notes

  • Ensure high contrast when pairing any of the bright greens with light backgrounds; dark text is usually necessary.
  • Avoid using #ADFF2F or #7CFC00 for small body text due to their brightness and potential for eye strain.
  • When using #32CD32 or #9ACD32 as a background, ensure text colors (e.g., white or dark green) meet WCAG contrast ratios.
  • Prioritize dark text (e.g., black or very dark green) on all lighter greens for optimal readability and accessibility.

Recommended combinations

Fresh Growth

Creates a lively, organic feel, ideal for eco-branding, natural product designs, or refreshing digital illustrations.

#00FF00 · #32CD32 · #ADFF2F

Sunlit Field

Evokes bright, open natural scenes, perfect for outdoor themes, spring promotions, or cheerful event graphics.

#7CFC00 · #9ACD32 · #00FF00

Electric Leaf

A balanced and energetic trio for expressive art, attention-grabbing calls-to-action, or lively interface elements with a natural twist.

#ADFF2F · #32CD32 · #7CFC00

CSS variables

:root {
  --electric-meadow-1: #00FF00;
  --electric-meadow-2: #32CD32;
  --electric-meadow-3: #ADFF2F;
  --electric-meadow-4: #7CFC00;
  --electric-meadow-5: #9ACD32;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-meadow": {
        1: "#00FF00",
        2: "#32CD32",
        3: "#ADFF2F",
        4: "#7CFC00",
        5: "#9ACD32",
      }
    }
  }
}

Related searches

vibrant green paletteelectric nature colorsfresh meadow designlime green color schemebright natural UI

Palette colors

Hex values

Color 1#00FF00
·
Color 2#32CD32
·
Color 3#ADFF2F
·
Color 4#7CFC00
·
Color 5#9ACD32
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.1:1Fail
1:1Fail
1.4:1Fail
2
1.5:1Fail
1.7:1Fail
1.6:1Fail
1.1:1Fail
3
1.1:1Fail
1.7:1Fail
1.1:1Fail
1.5:1Fail
4
1:1Fail
1.6:1Fail
1.1:1Fail
1.4:1Fail
5
1.4:1Fail
1.1:1Fail
1.5:1Fail
1.4:1Fail

Similar palettes

More like Electric Meadow

View all vibrant
Botanical Bloom Canopy
Peridot Glaze
Emerald Isle Glow
Fresh Cut Grass
Glow Worm
Jungle Canopy Pulse