Back to palettes

Palette

Verdant Sanctuary

A tranquil palette echoing the lush, untouched beauty of a hidden forest sanctuary, rich with life.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#364536#5C7A5C#8DB18D#B2CDAB#D8EED8

Palette guide

How to use Verdant Sanctuary

Overview

The Verdant Sanctuary palette echoes the lush, untouched beauty of a hidden forest sanctuary, rich with life and tranquility. This harmonious collection features a range of gentle, sophisticated greens, from the deep, grounding #364536 to the airy, almost luminous #D8EED8. Mid-tones like #5C7A5C, #8DB18D, and #B2CDAB provide a smooth, organic transition, creating a sense of natural depth and serenity. Designers can leverage this palette to craft calming, elegant, and refreshing experiences, ideal for wellness brands, sustainable living, or any project aiming to convey peace, growth, and natural purity.

Best used for

  • Wellness and meditation apps
  • Sustainable lifestyle brands
  • Eco-friendly product packaging
  • Spa and yoga studio branding
  • Biophilic interior design
  • Nature-inspired educational content

Suggested color roles

primary

#364536 serves as a deep, stable primary color for main headers, navigation, or strong branding elements, conveying quiet strength.

secondary

#5C7A5C or #8DB18D provide supportive, balanced greens for subheadings, larger text blocks, or design accents, maintaining harmony.

accent

#B2CDAB works beautifully as a soft accent for interactive elements, subtle highlights, or to add a touch of freshness without being overly bright.

background

#D8EED8 offers an exceptionally light and clean background, ensuring excellent readability for darker text and a serene overall feel.

text

For optimal readability, use #364536 for body text on light backgrounds like #D8EED8, or a crisp white for text on darker elements like #364536.

Accessibility notes

  • Ensure strong contrast between #364536 text and #D8EED8 background for WCAG AA compliance.
  • #B2CDAB on #D8EED8 will likely have insufficient contrast for small text; reserve for larger graphics.
  • #5C7A5C or #8DB18D provide good readability for body text when placed on #D8EED8.
  • Always check contrast ratios for all text and interactive elements, especially when using lighter greens together.

Recommended combinations

Forest Calm

Creates a balanced, serene look for main content areas, with clear contrast.

#364536 · #5C7A5C · #D8EED8

Gentle Growth

Ideal for sub-sections, illustrations, or designs needing a fresh yet grounded feel.

#8DB18D · #B2CDAB · #364536

Misty Morning

Suitable for light, airy interfaces, offering a soft background with readable mid-tone text.

#D8EED8 · #B2CDAB · #5C7A5C

CSS variables

:root {
  --verdant-sanctuary-1: #364536;
  --verdant-sanctuary-2: #5C7A5C;
  --verdant-sanctuary-3: #8DB18D;
  --verdant-sanctuary-4: #B2CDAB;
  --verdant-sanctuary-5: #D8EED8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-sanctuary": {
        1: "#364536",
        2: "#5C7A5C",
        3: "#8DB18D",
        4: "#B2CDAB",
        5: "#D8EED8",
      }
    }
  }
}

Related searches

tranquil green color schemenatural sanctuary paletteserene forest greenspeaceful eco colorsminimalist green palette

Palette colors

Hex values

Color 1#364536
·
Color 2#5C7A5C
·
Color 3#8DB18D
·
Color 4#B2CDAB
·
Color 5#D8EED8
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
4.3:1AA18
5.9:1AA
8.3:1AAA
2
2.1:1Fail
2:1Fail
2.8:1Fail
3.9:1AA18
3
4.3:1AA18
2:1Fail
1.4:1Fail
1.9:1Fail
4
5.9:1AA
2.8:1Fail
1.4:1Fail
1.4:1Fail
5
8.3:1AAA
3.9:1AA18
1.9:1Fail
1.4:1Fail

Similar palettes

More like Verdant Sanctuary

View all earth
Emerald Enclave Moss
Emerald Moss Canopy
Enchanted Forest Bloom
Enchanted Forest Lumina
Forest Fern Pathway
Forest Floor Canopy