Palette

Ancient Grove Calm

The tranquil, muted greens of an ancient, undisturbed forest grove bathed in soft light.

earthcalm5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Grove Calm 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 Ancient Grove Calm.

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

Data visualization

#2F4F4F#006400#3CB371#6B8E23#A9A9A9

Palette guide

How to use Ancient Grove Calm

Overview

The Ancient Grove Calm palette captures the tranquil, muted greens of an ancient, undisturbed forest grove bathed in soft light. This serene collection features a deep teal-green #2F4F4F, a vibrant yet earthy #006400, and a refreshing #3CB371. A grounding #6B8E23 adds natural depth, while #A9A9A9 introduces a soft, misty gray. It's an excellent choice for designs that aim to convey peace, natural harmony, and a sense of quietude. Designers will find this palette perfect for creating immersive, calming user experiences, and developers can easily integrate these harmonious hex codes for a consistent and soothing visual presence across various platforms and applications.

Best used for

Meditation and wellness applications
Nature photography portfolios
Eco-friendly product branding
Yoga studio websites
Botanical garden marketing materials
Calm and focused productivity apps

Suggested color roles

primary

#2F4F4F - A deep, calming teal-green, ideal for foundational elements, headers, or establishing a tranquil, natural mood.

secondary

#006400 - A vibrant, deep forest green, perfect for supporting content blocks, subheadings, or as a background for lighter text.

accent

#3CB371 - A refreshing, medium green that can highlight key information, interactive elements, or add a touch of natural energy.

background

#A9A9A9 - A soft, muted gray, providing a clean, expansive, and calming backdrop. Ideal for main content areas and readability, evoking mist or soft light.

text

#6B8E23 - This grounding olive green can be used for secondary text or subtle accents on light backgrounds. For primary body text on light backgrounds, a dark charcoal or deep forest green like #006400 ensures optimal contrast and accessibility.

Accessibility notes

Ensure sufficient contrast for #6B8E23 text on #A9A9A9 or similar light backgrounds (WCAG AA/AAA).
Text in #2F4F4F should be paired with a very light color (e.g., off-white) to meet contrast guidelines.
Avoid using #006400 for small text on similar dark backgrounds without careful checking.
When using these muted tones, ensure interactive elements have clear visual states beyond color changes.

Recommended combinations

Misty Grove

Creates a strong, tranquil, and natural base for hero sections or main navigation.

#2F4F4F · #006400 · #A9A9A9

Forest Floor

Ideal for clean, readable content areas with a fresh, ethereal feel, evoking filtered light on the ground.

#A9A9A9 · #6B8E23 · #2F4F4F

Calm Accent

Perfect for subtle graphical details, borders, or secondary information, maintaining a serene aesthetic.

#3CB371 · #006400 · #6B8E23

CSS variables

:root {
  --ancient-grove-calm-1: #2F4F4F;
  --ancient-grove-calm-2: #006400;
  --ancient-grove-calm-3: #3CB371;
  --ancient-grove-calm-4: #6B8E23;
  --ancient-grove-calm-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-grove-calm": {
        1: "#2F4F4F",
        2: "#006400",
        3: "#3CB371",
        4: "#6B8E23",
        5: "#A9A9A9",
      }
    }
  }
}

Hex values

Color 1#2F4F4F

Color 2#006400

Color 3#3CB371

Color 4#6B8E23

Color 5#A9A9A9

Accessibility

Contrast checker

1.2:1Fail

3.3:1AA18

2.3:1Fail

3.8:1AA18

1.2:1Fail

2.8:1Fail

2:1Fail

3.2:1AA18

3.3:1AA18

2.8:1Fail

1.4:1Fail

1.1:1Fail

2.3:1Fail

2:1Fail

1.4:1Fail

1.6:1Fail

3.8:1AA18

3.2:1AA18

1.1:1Fail

1.6:1Fail

Similar palettes

More like Ancient Grove Calm

View all earth

Jade Mountain Sanctuary

Ancient Forest Hearth