Palette

Regal Jade Grandeur

Rich, profound greens and lighter teal accents evoke the opulent beauty of polished jade.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Regal Jade Grandeur 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 Regal Jade Grandeur.

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

Data visualization

#004B49#006F6C#009688#50C8B1#A1DED4

Palette guide

How to use Regal Jade Grandeur

Overview

The Regal Jade Grandeur palette offers a serene yet opulent range of deep to light jade greens, evoking tranquility, luxury, and natural elegance. From the profound #004B49 to the vibrant #009688 and the airy #A1DED4, this collection is perfect for designs seeking a sophisticated connection to nature. Designers can leverage it for wellness and spa brands, luxury eco-products, or Asian-inspired aesthetics. Developers will find these greens excellent for crafting calming and elegant user interfaces, ensuring a refreshing and luxurious digital experience that speaks of purity and refinement.

Best used for

Wellness and spa brand identity
Eco-luxury product branding
Asian-inspired design themes
High-end interior decor concepts
Sustainable fashion collections
Tranquil digital spaces and apps

Suggested color roles

primary

Use #006F6C as the core jade green, providing a balanced and rich foundation for your brand.

secondary

Employ #004B49 for deep, grounding elements such as footers, navigation, or strong text contrasts.

accent

Apply #50C8B1 for vibrant highlights, interactive elements, or refreshing graphic details.

background

Utilize #A1DED4 as a light, ethereal background, ensuring excellent readability and a sense of spaciousness.

text

For optimal readability on light backgrounds, use #004B49 to provide strong contrast and maintain the palette's deep, luxurious feel.

Accessibility notes

Ensure #004B49 text on #A1DED4 background meets WCAG AA contrast standards.
Avoid using #50C8B1 for small text on very light backgrounds, as it may lack sufficient contrast.
The darkest greens (#004B49, #006F6C) pair well with white or very light text for headings on dark sections.
Test color combinations thoroughly to ensure readability for all users, including those with color vision deficiencies.

Recommended combinations

Deep Jade Serenity

For a strong header, balanced mid-tone, and a light, airy background.

#004B49 · #009688 · #A1DED4

Mid-Tone Harmony

Ideal for creating visual depth or transitions in layered elements and illustrations.

#006F6C · #50C8B1 · #004B49

Fresh & Light

Perfect for prominent calls to action or interactive elements that need to feel clean and inviting.

#A1DED4 · #50C8B1 · #006F6C

CSS variables

:root {
  --regal-jade-grandeur-1: #004B49;
  --regal-jade-grandeur-2: #006F6C;
  --regal-jade-grandeur-3: #009688;
  --regal-jade-grandeur-4: #50C8B1;
  --regal-jade-grandeur-5: #A1DED4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-jade-grandeur": {
        1: "#004B49",
        2: "#006F6C",
        3: "#009688",
        4: "#50C8B1",
        5: "#A1DED4",
      }
    }
  }
}

Hex values

Color 1#004B49

Color 2#006F6C

Color 3#009688

Color 4#50C8B1

Color 5#A1DED4

Accessibility

Contrast checker

1.7:1Fail

2.7:1Fail

4.9:1AA

6.6:1AA

1.7:1Fail

1.6:1Fail

2.9:1Fail

4:1AA18

2.7:1Fail

1.6:1Fail

1.8:1Fail

2.4:1Fail

4.9:1AA

2.9:1Fail

1.8:1Fail

1.4:1Fail

6.6:1AA

4:1AA18

2.4:1Fail

1.4:1Fail

Similar palettes

More like Regal Jade Grandeur