Palette

Jade Buddha Statue

Tranquil greens and aquas, inspired by the serene and precious hues of an ancient jade statue.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jade Buddha Statue 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 Jade Buddha Statue.

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

Data visualization

#E6F2EB#B0E0D6#79C2BD#4CB0AC#2EA09E

Palette guide

How to use Jade Buddha Statue

Overview

The Jade Buddha Statue palette offers a profoundly tranquil and serene collection of cool greens and aquas, perfect for evoking a sense of calm and peace. Anchored by the softest #E6F2EB and progressing to the deep, grounding #2EA09E, this palette includes harmonious mid-tones like #B0E0D6, #79C2BD, and #4CB0AC. Designers can leverage these hues to craft user interfaces, branding, or digital experiences that radiate quiet elegance and a connection to nature. Its gentle yet distinct shades are ideal for projects requiring a soothing aesthetic, reminiscent of ancient jade and precious, still waters.

Best used for

Spa and wellness branding
Meditation app UI/UX
Eco-friendly product packaging
Interior design for serene spaces
Yoga studio branding
Nature-themed websites

Suggested color roles

primary

Use #4CB0AC for main interactive elements or brand highlights, offering a balanced and inviting presence.

secondary

Apply #79C2BD to support primary elements, such as subheadings or secondary buttons, providing depth without distraction.

accent

Employ #2EA09E sparingly for critical calls-to-action or small, vibrant details to draw immediate attention.

background

The lightest #E6F2EB serves as a clean, airy background, promoting readability and a sense of openness.

text

For body text, use #2EA09E or a dark charcoal for optimal contrast against light backgrounds like #E6F2EB.

Accessibility notes

Ensure sufficient contrast for #2EA09E text on #E6F2EB background to meet WCAG AA standards.
Verify that #4CB0AC as text on #E6F2EB has adequate contrast for readability.
Avoid using lighter shades like #B0E0D6 for small text elements or essential information.
Consider a near-black (#1A1A1A) for long-form body text if #2EA09E isn't dark enough on light backgrounds.

Recommended combinations

Serene Base

Ideal for calm website backgrounds with clear call-to-action buttons.

#E6F2EB · #B0E0D6 · #4CB0AC

Deep Tranquility

Effective for elegant branding, main headers, and supporting subtext.

#2EA09E · #79C2BD · #E6F2EB

Aqua Flow

Excellent for infographics, data visualization, or layered UI elements.

#B0E0D6 · #4CB0AC · #2EA09E

CSS variables

:root {
  --jade-buddha-statue-1: #E6F2EB;
  --jade-buddha-statue-2: #B0E0D6;
  --jade-buddha-statue-3: #79C2BD;
  --jade-buddha-statue-4: #4CB0AC;
  --jade-buddha-statue-5: #2EA09E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-buddha-statue": {
        1: "#E6F2EB",
        2: "#B0E0D6",
        3: "#79C2BD",
        4: "#4CB0AC",
        5: "#2EA09E",
      }
    }
  }
}

Hex values

Color 1#E6F2EB

Color 2#B0E0D6

Color 3#79C2BD

Color 4#4CB0AC

Color 5#2EA09E

Accessibility

Contrast checker

1.3:1Fail

1.8:1Fail

2.3:1Fail

2.8:1Fail

1.3:1Fail

1.4:1Fail

1.8:1Fail

2.2:1Fail

1.8:1Fail

1.4:1Fail

1.3:1Fail

1.5:1Fail

2.3:1Fail

1.8:1Fail

1.3:1Fail

1.2:1Fail

2.8:1Fail

2.2:1Fail

1.5:1Fail

1.2:1Fail

Similar palettes

More like Jade Buddha Statue

Jade Buddha Statue

See it in context.

Ready when you are.

Built with Jade Buddha Statue.

How to use Jade Buddha Statue

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Serene Base

Deep Tranquility

Aqua Flow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Jade Buddha Statue