Back to palettes

Palette

Emerald Isle Mystique

Lush greens inspired by the verdant landscapes and ancient folklore of the Emerald Isle.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2E8B57#3CB371#66CDAA#20B2AA#4682B4

Palette guide

How to use Emerald Isle Mystique

Overview

The Emerald Isle Mystique palette weaves together lush greens and mystical blues, capturing the verdant landscapes and ancient folklore of Ireland. Featuring a grounding emerald #2E8B57, a vibrant jade #3CB371, and the refreshing teal #66CDAA, it introduces a captivating cool blue #4682B4 and a deep aqua #20B2AA. This collection is perfect for designs seeking to convey natural beauty, historical depth, and a touch of magical charm. Ideal for cultural tourism, fantasy-themed projects, or any branding that benefits from a rich, evocative color story. The blend of greens and blues offers versatility for creating dynamic and engaging visual narratives.

Best used for

  • Irish tourism and cultural sites
  • Fantasy literature and gaming
  • Nature-inspired product design
  • Historical and folklore museums
  • Eco-conscious lifestyle brands
  • Event branding with a magical theme

Suggested color roles

primary

Use #2E8B57 as a deep, stable base for main headers, branding, or strong UI elements.

secondary

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

accent

Apply #4682B4 as a mystical blue accent for calls-to-action, highlights, or key features.

background

Utilize #66CDAA as a light, refreshing background for content areas, providing a calm and clear base.

text

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

Accessibility notes

  • Ensure #66CDAA has sufficient contrast with lighter text; consider darker text (e.g., #2E8B57 or black) for readability.
  • Pair #2E8B57 or #4682B4 with white or off-white text for optimal legibility on dark backgrounds.
  • Avoid using #3CB371 directly on #66CDAA for small text due to potential low contrast; check WCAG AA.
  • Always verify WCAG AA contrast standards for all text and background combinations.

Recommended combinations

Mystical Forest

Creates a rich, deep aesthetic for primary branding and immersive content.

#2E8B57 · #3CB371 · #4682B4

Enchanted Glade

Ideal for clean layouts with a refreshing background and clear, readable text.

#66CDAA · #20B2AA · #2E8B57

Folklore Charm

Suitable for interactive elements, icons, or highlighting magical aspects of a design.

#4682B4 · #20B2AA · #3CB371

CSS variables

:root {
  --emerald-isle-mystique-1: #2E8B57;
  --emerald-isle-mystique-2: #3CB371;
  --emerald-isle-mystique-3: #66CDAA;
  --emerald-isle-mystique-4: #20B2AA;
  --emerald-isle-mystique-5: #4682B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-isle-mystique": {
        1: "#2E8B57",
        2: "#3CB371",
        3: "#66CDAA",
        4: "#20B2AA",
        5: "#4682B4",
      }
    }
  }
}

Related searches

emerald green blue paletteirish folklore colorsmystical nature schemeverdant landscape brandingfantasy green blue UI

Palette colors

Hex values

Color 1#2E8B57
·
Color 2#3CB371
·
Color 3#66CDAA
·
Color 4#20B2AA
·
Color 5#4682B4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.2:1Fail
1.6:1Fail
1:1Fail
2
1.6:1Fail
1.4:1Fail
1:1Fail
1.5:1Fail
3
2.2:1Fail
1.4:1Fail
1.4:1Fail
2.1:1Fail
4
1.6:1Fail
1:1Fail
1.4:1Fail
1.6:1Fail
5
1:1Fail
1.5:1Fail
2.1:1Fail
1.6:1Fail

Similar palettes

More like Emerald Isle Mystique

View all vibrant
Emerald Dragonfly Wings
Emerald Glade Lush
Forest Nymph Emerald
Jungle Emerald Vines
Arid Cactus Blossom
Cactus Blossom Kiss