Back to palettes

Palette

Meditative Grove Green

Subtle, harmonious greens reflect the tranquil simplicity of a perfectly manicured zen garden.

monochromecalm5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Meditative Grove Green 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 Meditative Grove Green.

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

Data visualization

#E0EAE1#C7DDCF#A4C7B8#81B1A2#619C8B

Palette guide

How to use Meditative Grove Green

Overview

The "Meditative Grove Green" palette unfolds a tranquil spectrum of subtle, harmonious greens, perfectly reflecting the serene simplicity of a zen garden. This monochromatic gradient ranges from the airy #E0EAE1 and gentle #C7DDCF, through the balanced #A4C7B8 and calming #81B1A2, culminating in the deep, grounding #619C8B. Designers will find this palette excellent for projects requiring a sense of calm, natural freshness, or minimalist elegance. Developers can leverage these hex codes to create soothing user interfaces, peaceful digital environments, or branding that emphasizes wellness, sustainability, and a quiet, organic aesthetic, ensuring a consistent and refreshing visual experience.

Best used for

  • Wellness and meditation app design
  • Eco-friendly brand identity and packaging
  • Nature photography portfolio
  • Spa or yoga studio website
  • Minimalist interior design concepts
  • Sustainable product marketing

Suggested color roles

primary

#A4C7B8 - A balanced, calming mid-green, serving as a harmonious foundation for main sections or brand elements, evoking natural tranquility.

secondary

#81B1A2 - A deeper, serene green, excellent for content panels, subheadings, or larger decorative areas, adding depth to the natural theme.

accent

#E0EAE1 - The lightest, almost white, shade, ideal for subtle highlights, interactive states, or delicate decorative elements, providing airy luminosity.

background

#C7DDCF - A soft, light green, perfect as a primary background for content, ensuring good readability and a gentle, inviting feel.

text

#619C8B - The deepest green, providing excellent contrast for body text on lighter backgrounds like #E0EAE1 or #C7DDCF, ensuring clear readability.

Accessibility notes

  • Ensure #619C8B text on #E0EAE1 or #C7DDCF backgrounds meets WCAG contrast standards.
  • Avoid using #A4C7B8 text on #C7DDCF, as the contrast will likely be insufficient for readability.
  • For critical text on #A4C7B8, consider using #619C8B or a pure black for better contrast.
  • The lighter shades are best as backgrounds; avoid text on closely related light greens.

Recommended combinations

Zen Garden

#E0EAE1 as a clean background, #619C8B for strong text, and #A4C7B8 for subtle dividers or accents.

#E0EAE1 · #619C8B · #A4C7B8

Gentle Flow

#C7DDCF as a soft base, #81B1A2 for content blocks, and #619C8B for prominent headings or call-to-actions.

#C7DDCF · #81B1A2 · #619C8B

Mossy Path

#A4C7B8 for a main section, #E0EAE1 for highlights or card backgrounds, and #81B1A2 for subtle text or icons.

#A4C7B8 · #E0EAE1 · #81B1A2

CSS variables

:root {
  --meditative-grove-green-1: #E0EAE1;
  --meditative-grove-green-2: #C7DDCF;
  --meditative-grove-green-3: #A4C7B8;
  --meditative-grove-green-4: #81B1A2;
  --meditative-grove-green-5: #619C8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "meditative-grove-green": {
        1: "#E0EAE1",
        2: "#C7DDCF",
        3: "#A4C7B8",
        4: "#81B1A2",
        5: "#619C8B",
      }
    }
  }
}

Related searches

calm green color palettezen garden hex codesmonochromatic green designwellness nature colorssubtle earthy green scheme

Palette colors

Hex values

Color 1#E0EAE1
·
Color 2#C7DDCF
·
Color 3#A4C7B8
·
Color 4#81B1A2
·
Color 5#619C8B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.9:1Fail
2.6:1Fail
2
1.2:1Fail
1.3:1Fail
1.7:1Fail
2.2:1Fail
3
1.5:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
1.9:1Fail
1.7:1Fail
1.3:1Fail
1.3:1Fail
5
2.6:1Fail
2.2:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Meditative Grove Green

View all monochrome
Forest Canopy Slumber
Contemplative Stone Flow
Enchanted Forest Dew
Enchanted Moss Glimmer
Forest Fern Shadow
Forest Shaded Green