Back to palettes

Palette

Forest Nymph Emerald

Vibrant and fresh greens embody the lush, magical feeling of a sun-dappled, ancient forest.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forest Nymph Emerald 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 Forest Nymph Emerald.

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

Data visualization

#2E5F3B#5BA36A#93D2A7#1E3F28#72BC88

Palette guide

How to use Forest Nymph Emerald

Overview

The Forest Nymph Emerald palette embodies the lush, magical feeling of a sun-dappled, ancient forest with its vibrant and fresh greens. This collection, featuring the deep #2E5F3B and #1E3F28, alongside the lively #5BA36A, #72BC88, and luminous #93D2A7, is ideal for designers and developers seeking to convey growth, vitality, and enchantment. Its rich spectrum of emerald tones allows for creating depth and visual interest, perfectly suited for projects that aim to capture the essence of nature's vibrant magic and refreshing energy, from digital interfaces to physical products.

Best used for

  • Luxury eco-conscious branding and packaging
  • Nature-themed mobile applications and games
  • Fantasy novel covers and digital illustrations
  • Botanical garden or conservation organization websites
  • Refreshing beverage branding or health products
  • Sustainable fashion lines and lifestyle blogs

Suggested color roles

primary

Utilize #2E5F3B as the foundational deep emerald for main branding, large backgrounds, or key graphical elements, providing stability.

secondary

Apply #5BA36A for supporting content, subheadings, or navigation, offering a vibrant mid-tone that complements the primary.

accent

Employ #93D2A7 for calls-to-action, interactive elements, or luminous highlights, creating a fresh, eye-catching contrast.

background

Use #1E3F28 for a deep, immersive background that enhances the magical feel, allowing lighter greens to pop dramatically.

text

For light text on dark backgrounds, #93D2A7 offers excellent readability and a luminous quality. For dark text on light elements, #1E3F28 works well.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter greens like #93D2A7 or #72BC88 with the darkest tones for text readability.
  • Avoid using #1E3F28 for small text on similarly dark backgrounds without testing for legibility.
  • The brightest color, #93D2A7, provides strong contrast against #1E3F28 and #2E5F3B for essential information.
  • Consider larger font sizes for text set in #5BA36A on #2E5F3B to improve readability.

Recommended combinations

Deep Forest

Ideal for a primary brand identity or dark mode interface, providing depth with a clear, luminous accent for interaction.

#1E3F28 · #2E5F3B · #93D2A7

Emerald Glow

Perfect for secondary content, illustrations, or gradient effects, emphasizing the vibrant, fresh aspects of the palette.

#5BA36A · #72BC88 · #93D2A7

Lush Contrast

Excellent for text-heavy sections or data visualization, offering strong contrast and a rich, natural aesthetic.

#2E5F3B · #72BC88 · #1E3F28

CSS variables

:root {
  --forest-nymph-emerald-1: #2E5F3B;
  --forest-nymph-emerald-2: #5BA36A;
  --forest-nymph-emerald-3: #93D2A7;
  --forest-nymph-emerald-4: #1E3F28;
  --forest-nymph-emerald-5: #72BC88;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-nymph-emerald": {
        1: "#2E5F3B",
        2: "#5BA36A",
        3: "#93D2A7",
        4: "#1E3F28",
        5: "#72BC88",
      }
    }
  }
}

Related searches

emerald green color schemelush forest palettevibrant nature greensmagical woodland colorsdeep light green branding

Palette colors

Hex values

Color 1#2E5F3B
·
Color 2#5BA36A
·
Color 3#93D2A7
·
Color 4#1E3F28
·
Color 5#72BC88
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
4.3:1AA18
1.6:1Fail
3.3:1AA18
2
2.4:1Fail
1.7:1Fail
3.8:1AA18
1.3:1Fail
3
4.3:1AA18
1.7:1Fail
6.7:1AA
1.3:1Fail
4
1.6:1Fail
3.8:1AA18
6.7:1AA
5.2:1AA
5
3.3:1AA18
1.3:1Fail
1.3:1Fail
5.2:1AA

Similar palettes

More like Forest Nymph Emerald

View all vibrant
Emerald Glade Lush
Emerald Isle Mystique
Enchanted Forest Canopy
Jungle Emerald Vines
Arid Cactus Blossom
Cactus Blossom Kiss