Back to palettes

Palette

Jade Cascade

Rich, jewel-toned greens flow like a beautiful cascade of jade in a secret, tranquil garden.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00A36C#008080#006400#2E8B57#3CB371

Palette guide

How to use Jade Cascade

Overview

The Jade Cascade palette presents a luxurious collection of jewel-toned greens, reminiscent of flowing jade and tranquil waters. Featuring the vibrant #00A36C, the deep teal #008080, the classic forest green #006400, and the balanced #2E8B57 and #3CB371, this palette offers rich versatility. Designers and developers can utilize these hues to create elegant, sophisticated digital experiences, branding, or print materials that convey a sense of natural opulence and calm. It's particularly effective for projects aiming for a blend of natural inspiration with a touch of refined elegance, from high-end spas to nature-inspired luxury brands.

Best used for

  • High-end luxury branding
  • Jewelry website design
  • Spa and resort marketing
  • Elegant event invitations
  • Nature documentary graphics
  • Sophisticated interior accents

Suggested color roles

primary

Use #00A36C for main headings or key interactive elements, providing a vibrant and inviting focus.

secondary

Apply #2E8B57 for supporting details, subheadings, or secondary buttons, maintaining elegance.

accent

Employ #006400 for strong accents or critical calls-to-action, offering a deep, grounding emphasis.

background

A crisp white or very light off-white background will allow these rich jewel tones to truly shine.

text

For primary text, use #006400 or a dark charcoal for excellent contrast and a luxurious feel.

Accessibility notes

  • Ensure sufficient contrast for all text colors against chosen background, especially with white or light backgrounds.
  • The deep #006400 provides excellent contrast for text; utilize it for body copy.
  • Avoid using #3CB371 as text on light backgrounds without careful contrast checking.
  • For interactive elements, provide clear hover/focus states that meet WCAG contrast requirements.

Recommended combinations

Jewel Flow

Ideal for luxurious branding elements, bringing depth and sophistication.

#00A36C · #2E8B57 · #006400

Water Garden

Excellent for digital interfaces, creating a vibrant yet elegant user experience.

#008080 · #3CB371 · #00A36C

Deep Elegance

Effective for headlines and sub-headers, ensuring strong readability with a rich feel.

#006400 · #2E8B57 · #00A36C

CSS variables

:root {
  --jade-cascade-1: #00A36C;
  --jade-cascade-2: #008080;
  --jade-cascade-3: #006400;
  --jade-cascade-4: #2E8B57;
  --jade-cascade-5: #3CB371;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-cascade": {
        1: "#00A36C",
        2: "#008080",
        3: "#006400",
        4: "#2E8B57",
        5: "#3CB371",
      }
    }
  }
}

Related searches

jewel tone green paletteelegant jade color schemeluxury green brandingtranquil water colorssophisticated emerald hues

Palette colors

Hex values

Color 1#00A36C
·
Color 2#008080
·
Color 3#006400
·
Color 4#2E8B57
·
Color 5#3CB371
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
1.3:1Fail
1.2:1Fail
2
1.5:1Fail
1.6:1Fail
1.1:1Fail
1.8:1Fail
3
2.3:1Fail
1.6:1Fail
1.8:1Fail
2.8:1Fail
4
1.3:1Fail
1.1:1Fail
1.8:1Fail
1.6:1Fail
5
1.2:1Fail
1.8:1Fail
2.8:1Fail
1.6:1Fail

Similar palettes

More like Jade Cascade

View all cool
Emerald Grotto Shimmer
Jade Palace Garden
Teal Essence
Deep Sapphire Tide
Emerald Gemstone Luster
Emerald Grotto Depths