Palette

Emerald Isle Mist

Deep, mystical greens and hazy tones that capture the iconic lushness and misty allure of the Emerald Isle.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A5040#3E7764#6AA08D#A3C8B7#DCECE3

Palette guide

How to use Emerald Isle Mist

Overview

The Emerald Isle Mist palette captures the mystical, hazy allure of Ireland's verdant landscapes, blending deep, earthy greens with soft, atmospheric tones. From the grounding #1A5040 and #3E7764 to the balanced #6AA08D, and culminating in the ethereal #A3C8B7 and #DCECE3, this collection evokes a sense of calm, tradition, and natural beauty. It’s an ideal choice for projects seeking to convey heritage, tranquility, or understated elegance. Perfect for artisanal brands, historical content, or any design that benefits from a sophisticated, muted green aesthetic. The subtle gradient provides depth and allows for a gentle, inviting visual hierarchy.

Best used for

Heritage brand identity
Traditional craft websites
Historical documentary graphics
Relaxation and wellness apps
Organic and natural product packaging
Cozy cafe or bookstore branding

Suggested color roles

primary

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

secondary

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

accent

Apply #A3C8B7 as a soft, subtle accent for highlights, secondary information, or gentle buttons.

background

Utilize #DCECE3 as a very light, misty background for clean content areas, providing a serene canvas.

text

Pair #1A5040 with light backgrounds for excellent contrast, or use a dark charcoal like #222222.

Accessibility notes

#DCECE3 and #A3C8B7 require very dark text (e.g., #1A5040 or black) to ensure readability.
Pair #1A5040 or #3E7764 with white or off-white text for optimal legibility on dark backgrounds.
Avoid using #A3C8B7 and #DCECE3 for small text on each other due to very low contrast.
Always verify WCAG AA contrast standards for all text and background combinations.

Recommended combinations

Misty Depths

Creates a grounded, traditional feel for primary branding or elegant dark mode interfaces.

#1A5040 · #3E7764 · #6AA08D

Hazy Horizon

Ideal for clean, serene layouts with light backgrounds and clear, readable text.

#DCECE3 · #A3C8B7 · #1A5040

Gentle Path

Suitable for subtle interactive elements, progress indicators, or soft informational displays.

#6AA08D · #A3C8B7 · #3E7764

CSS variables

:root {
  --emerald-isle-mist-1: #1A5040;
  --emerald-isle-mist-2: #3E7764;
  --emerald-isle-mist-3: #6AA08D;
  --emerald-isle-mist-4: #A3C8B7;
  --emerald-isle-mist-5: #DCECE3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-isle-mist": {
        1: "#1A5040",
        2: "#3E7764",
        3: "#6AA08D",
        4: "#A3C8B7",
        5: "#DCECE3",
      }
    }
  }
}

Hex values

Color 1#1A5040

Color 2#3E7764

Color 3#6AA08D

Color 4#A3C8B7

Color 5#DCECE3

Accessibility

Contrast checker

1.8:1Fail

3.1:1AA18

5.1:1AA

7.6:1AAA

1.8:1Fail

1.7:1Fail

2.9:1Fail

4.3:1AA18

3.1:1AA18

1.7:1Fail

1.6:1Fail

2.4:1Fail

5.1:1AA

2.9:1Fail

1.6:1Fail

1.5:1Fail

7.6:1AAA

4.3:1AA18

2.4:1Fail

1.5:1Fail

Similar palettes

More like Emerald Isle Mist

View all earth

Jungle Canopy Emerald

Ancient Jade Temple

Botanical Bloom Line

Botanical Herbarium Shade

Botanical Leaf Veins

Botanical Sketch