Palette

Emerald Isle Glow

Radiant greens evoke the vibrant, mythical landscapes and folklore of an emerald isle.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Isle Glow 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 Isle Glow.

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

Data visualization

#00523C#008A63#00B880#4FE6B0#A8FFDE

Palette guide

How to use Emerald Isle Glow

Overview

The Emerald Isle Glow palette bursts with radiant greens, evoking the vibrant, mythical landscapes of an enchanted island. From the deep, grounding #00523C to the lively #008A63 and #00B880, and culminating in the luminous #4FE6B0 and #A8FFDE, this collection is designed to be energetic and captivating. It’s an exceptional choice for projects seeking to convey vitality, magic, and a strong connection to nature and folklore. Perfect for travel agencies, fantasy-themed branding, or any design that benefits from a bright, glowing green aesthetic. The progressive lightness of the shades allows for dynamic visual hierarchy, creating a fresh and engaging user experience.

Best used for

Travel and tourism marketing (Ireland)
Fantasy novel covers or game UI
Eco-tourism branding
Children's book illustrations
Festive or celebratory designs
Nature-inspired tech products

Suggested color roles

primary

Use #00523C as the deepest, most stable color for main headers, branding, or strong UI elements.

secondary

Employ #008A63 as a supportive vibrant green for subheadings, active states, or important text.

accent

Apply #A8FFDE as the brightest, most luminous highlight for calls-to-action, alerts, or key features.

background

Utilize #4FE6B0 as a light, refreshing background for content areas, providing energy and clarity.

text

Pair #00523C with light backgrounds for excellent contrast, or use white/light gray on darker backgrounds.

Accessibility notes

#A8FFDE and #4FE6B0 require very dark text (e.g., #00523C or black) to ensure readability.
Ensure sufficient contrast when using #00B880 as a background for text, especially for smaller fonts.
Avoid using #008A63 and #00B880 together for small text due to similar luminosity and potential low contrast.
Always verify WCAG AA contrast standards for all text and background combinations.

Recommended combinations

Mythic Depths

Creates a rich, deep base for primary branding or compelling feature sections.

#00523C · #008A63 · #00B880

Glowing Path

Ideal for bright, inviting calls-to-action and clear content against a luminous background.

#A8FFDE · #4FE6B0 · #00523C

Vibrant Foliage

Suitable for interactive elements, icons, or illustrating growth and natural beauty.

#00B880 · #4FE6B0 · #008A63

CSS variables

:root {
  --emerald-isle-glow-1: #00523C;
  --emerald-isle-glow-2: #008A63;
  --emerald-isle-glow-3: #00B880;
  --emerald-isle-glow-4: #4FE6B0;
  --emerald-isle-glow-5: #A8FFDE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-isle-glow": {
        1: "#00523C",
        2: "#008A63",
        3: "#00B880",
        4: "#4FE6B0",
        5: "#A8FFDE",
      }
    }
  }
}

Hex values

Color 1#00523C

Color 2#008A63

Color 3#00B880

Color 4#4FE6B0

Color 5#A8FFDE

Accessibility

Contrast checker

2.1:1Fail

3.6:1AA18

5.8:1AA

7.9:1AAA

2.1:1Fail

1.7:1Fail

2.8:1Fail

3.7:1AA18

3.6:1AA18

1.7:1Fail

1.6:1Fail

2.2:1Fail

5.8:1AA

2.8:1Fail

1.6:1Fail

1.4:1Fail

7.9:1AAA

3.7:1AA18

2.2:1Fail

1.4:1Fail

Similar palettes

More like Emerald Isle Glow

Rainforest Canopy Light