Back to palettes

Palette

Emerald Dragonfly Wings

Brilliant greens shimmering like the translucent wings of a dragonfly in flight.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Dragonfly Wings 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 Emerald Dragonfly Wings.

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

Data visualization

#1a473f#2f6c5e#47937f#67bca0#98e5c8

Palette guide

How to use Emerald Dragonfly Wings

Overview

The Emerald Dragonfly Wings palette (ID: emerald-dragonfly-wings) features brilliant greens shimmering like the translucent wings of a dragonfly in flight. It spans from the deep #1a473f, through the rich #2f6c5e and #47937f, culminating in the lively #67bca0 and the ethereal #98e5c8. This palette is exceptionally vibrant and fresh, perfect for designs that aim to convey natural beauty, lightness, and a touch of magic. It's an excellent choice for eco-conscious brands, whimsical digital interfaces, or artistic projects seeking a lively, harmonious, and shimmering aesthetic with a strong emphasis on emerald and aqua tones.

Best used for

  • Nature-inspired branding and packaging
  • Children's book illustrations and animations
  • Eco-friendly product websites
  • Digital art with whimsical or magical themes
  • Fashion and beauty brands with a natural focus
  • Interactive web experiences and mobile apps

Suggested color roles

primary

Use #1a473f for dominant elements, headers, or backgrounds to establish depth and a strong natural foundation.

secondary

Employ #2f6c5e or #47937f for supporting graphics, subheadings, or interactive elements, adding richness and texture.

accent

Apply #98e5c8 for subtle highlights, delicate patterns, or ethereal background accents to introduce lightness and shimmer.

background

Utilize #98e5c8 for clean, airy backgrounds that allow the deeper greens to pop, or a crisp white for maximum contrast.

text

For body text, use a dark charcoal like #333333. For headlines on lighter backgrounds, #1a473f provides excellent readability. Use white for text on #1a473f.

Accessibility notes

  • Ensure #1a473f or #2f6c5e text on #98e5c8 meets WCAG contrast standards.
  • Avoid using #98e5c8 for small text on light backgrounds; it's best for large headlines or accents.
  • The lighter greens #67bca0 and #98e5c8 may have low contrast when used together; separate them.
  • Pair #1a473f with #98e5c8 for a high-contrast, accessible combination for primary content.

Recommended combinations

Deep Verdant

Ideal for creating a profound, immersive feel in branding, website hero sections, or illustrations with natural textures.

#1A473F · #2F6C5E · #47937F

Iridescent Flutter

Perfect for gradients, glowing effects, or interactive UI elements that need to convey lightness and vibrancy.

#47937F · #67BCA0 · #98E5C8

Natural Shine

Use for impactful call-to-action buttons, key highlights, or sections that require a bold yet naturally inviting visual statement.

#1A473F · #98E5C8 · #67BCA0

CSS variables

:root {
  --emerald-dragonfly-wings-1: #1a473f;
  --emerald-dragonfly-wings-2: #2f6c5e;
  --emerald-dragonfly-wings-3: #47937f;
  --emerald-dragonfly-wings-4: #67bca0;
  --emerald-dragonfly-wings-5: #98e5c8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-dragonfly-wings": {
        1: "#1a473f",
        2: "#2f6c5e",
        3: "#47937f",
        4: "#67bca0",
        5: "#98e5c8",
      }
    }
  }
}

Related searches

emerald green nature palettedragonfly colors vibrantshimmering green color schemenatural aqua brandingfresh web design greens

Palette colors

Hex values

Color 1#1a473f
·
Color 2#2f6c5e
·
Color 3#47937f
·
Color 4#67bca0
·
Color 5#98e5c8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
4.6:1AA
7.1:1AAA
2
1.7:1Fail
1.7:1Fail
2.7:1Fail
4.2:1AA18
3
2.8:1Fail
1.7:1Fail
1.6:1Fail
2.5:1Fail
4
4.6:1AA
2.7:1Fail
1.6:1Fail
1.5:1Fail
5
7.1:1AAA
4.2:1AA18
2.5:1Fail
1.5:1Fail

Similar palettes

More like Emerald Dragonfly Wings

View all vibrant
Arid Cactus Blossom
Emerald Glade Lush
Emerald Isle Mystique
Emerald River Flow
Jungle Dewdrop Shine
Lush Tropical Haven