Palette

Zen Jade Sanctuary

A serene and balanced palette inspired by tranquil jade gardens and their peaceful, reflective beauty.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#006400#3CB371#66CDAA#7FFFD4#2F4F4F

Palette guide

How to use Zen Jade Sanctuary

Overview

The Zen Jade Sanctuary palette offers a serene and balanced collection of greens, inspired by tranquil jade gardens and their reflective beauty. Featuring deep forest green #006400, vibrant seafoam #3CB371, soft aquamarine #66CDAA, and ethereal light aquamarine #7FFFD4, anchored by the deep slate #2F4F4F, this palette exudes elegance and calm. Developers and designers can harness these cool, sophisticated shades to create luxurious branding, immersive digital environments, or sophisticated interfaces that convey natural harmony and a sense of peaceful retreat. The interplay of dark and light greens allows for dynamic yet soothing visual experiences.

Best used for

Luxury spa and wellness brand identity
Eco-luxury product packaging and websites
Nature conservation and environmental platforms
High-end interior design concepts
Sophisticated app interfaces with a serene feel
Botanical and garden-themed digital content

Suggested color roles

primary

Use #006400 as the main color for strong brand presence, calls to action, or key information, establishing a deep, grounding tone.

secondary

Apply #3CB371 for supporting elements, secondary buttons, or data visualizations, providing a vibrant yet balanced accent.

accent

Utilize #7FFFD4 for bright highlights, interactive elements, or subtle gradients, adding a touch of ethereal lightness and freshness.

background

Employ #2F4F4F as a rich, calming backdrop, creating depth and allowing the greens to truly glow against it.

text

For headings on dark backgrounds, use #66CDAA. For body text on #2F4F4F, a crisp white or near-white is recommended for readability.

Accessibility notes

Text in #7FFFD4 on backgrounds like #66CDAA or #3CB371 will likely have insufficient contrast; use for larger elements.
Ensure #66CDAA or #7FFFD4 text on #2F4F4F meets WCAG AA standards for readability.
The deep #006400 provides good contrast against #7FFFD4 for headings or important elements.
Avoid using #3CB371 as body text on #2F4F4F, as it may be difficult to read for some users; opt for lighter shades.

Recommended combinations

Deep Forest Harmony

Creates a luxurious, grounded feel for branding or dark mode interfaces, with deep greens and a rich slate base.

#2F4F4F · #006400 · #3CB371

Jade Glow Accent

Excellent for highlighting features or creating an ethereal, clean aesthetic through a gradient of light greens.

#7FFFD4 · #66CDAA · #3CB371

Elegant Contrast

Use #7FFFD4 as text on #2F4F4F, with #006400 for key actions, for a sophisticated, high-contrast look.

#2F4F4F · #7FFFD4 · #006400

CSS variables

:root {
  --zen-jade-sanctuary-1: #006400;
  --zen-jade-sanctuary-2: #3CB371;
  --zen-jade-sanctuary-3: #66CDAA;
  --zen-jade-sanctuary-4: #7FFFD4;
  --zen-jade-sanctuary-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-jade-sanctuary": {
        1: "#006400",
        2: "#3CB371",
        3: "#66CDAA",
        4: "#7FFFD4",
        5: "#2F4F4F",
      }
    }
  }
}

Hex values

Color 1#006400

Color 2#3CB371

Color 3#66CDAA

Color 4#7FFFD4

Color 5#2F4F4F

Accessibility

Contrast checker

2.8:1Fail

3.9:1AA18

6.1:1AA

1.2:1Fail

2.8:1Fail

1.4:1Fail

2.2:1Fail

3.3:1AA18

3.9:1AA18

1.4:1Fail

1.6:1Fail

4.6:1AA

6.1:1AA

2.2:1Fail

1.6:1Fail

7.3:1AAA

1.2:1Fail

3.3:1AA18

4.6:1AA

7.3:1AAA

Similar palettes

More like Zen Jade Sanctuary

Bamboo Stillness Shade

Enchanted Garden Mist

Fresh Mint Serenity