Back to palettes

Palette

Emerald Grove Sanctuary

Lush greens and refreshing teals evoke a vibrant, ancient forest canopy.

coolnatural5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Grove Sanctuary 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 Grove Sanctuary.

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

Data visualization

#004B49#006F6F#009688#5CD2E6#A7E8EE

Palette guide

How to use Emerald Grove Sanctuary

Overview

The Emerald Grove Sanctuary palette presents a refreshing and serene collection of cool greens and vibrant teals, reminiscent of a lush, ancient forest canopy. Ranging from the deep, grounding #004B49 and #006F6F to the balanced #009688, and culminating in the airy #5CD2E6 and #A7E8EE, this palette evokes tranquility and natural freshness. It’s an ideal choice for projects seeking to convey environmental consciousness, calm sophistication, or a revitalizing connection to nature. Perfect for eco-friendly brands, wellness applications, or any design that benefits from a clean, modern, and serene aesthetic. The blend of deep and light tones allows for versatile visual hierarchies.

Best used for

  • Environmental non-profit websites
  • Wellness and meditation apps
  • Sustainable living blogs
  • Modern nature-inspired home decor
  • Outdoor and adventure tourism
  • Clean energy company branding

Suggested color roles

primary

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

secondary

Employ #006F6F as a supportive deep teal for subheadings, important text, or active states.

accent

Apply #5CD2E6 as a bright, refreshing highlight for calls-to-action, alerts, or key information.

background

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

text

Pair #004B49 with light backgrounds for strong contrast, or use white/light gray on darker backgrounds.

Accessibility notes

  • #A7E8EE and #5CD2E6 require dark text (e.g., #004B49 or black) to ensure readability on light backgrounds.
  • Pair #004B49 or #006F6F with white or off-white text for optimal legibility on dark backgrounds.
  • Avoid using #009688 directly on #5CD2E6 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

Deep Canopy

Creates a strong, grounding presence for main sections or elegant dark mode interfaces.

#004B49 · #006F6F · #009688

Fresh Breeze

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

#A7E8EE · #5CD2E6 · #004B49

Sanctuary Glow

Suitable for interactive elements, progress bars, or subtle highlights in a serene interface.

#009688 · #5CD2E6 · #006F6F

CSS variables

:root {
  --emerald-grove-sanctuary-1: #004B49;
  --emerald-grove-sanctuary-2: #006F6F;
  --emerald-grove-sanctuary-3: #009688;
  --emerald-grove-sanctuary-4: #5CD2E6;
  --emerald-grove-sanctuary-5: #A7E8EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-grove-sanctuary": {
        1: "#004B49",
        2: "#006F6F",
        3: "#009688",
        4: "#5CD2E6",
        5: "#A7E8EE",
      }
    }
  }
}

Related searches

cool teal green palettefresh nature colorsemerald forest brandingserene ui colorsenvironmental design palette

Palette colors

Hex values

Color 1#004B49
·
Color 2#006F6F
·
Color 3#009688
·
Color 4#5CD2E6
·
Color 5#A7E8EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
5.6:1AA
7.3:1AAA
2
1.7:1Fail
1.6:1Fail
3.4:1AA18
4.4:1AA18
3
2.7:1Fail
1.6:1Fail
2.1:1Fail
2.7:1Fail
4
5.6:1AA
3.4:1AA18
2.1:1Fail
1.3:1Fail
5
7.3:1AAA
4.4:1AA18
2.7:1Fail
1.3:1Fail

Similar palettes

More like Emerald Grove Sanctuary

View all cool
Dewdrop Emerald Vine
Emerald Peak Summit
Emerald Bamboo Sway
Emerald River Stone
Jade Forest Trail
Monsoon Rain Greens