Back to palettes

Palette

Precious Jade Stream

A sophisticated gradient from deep emerald to vibrant teal, inspired by precious gemstones.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#006400#2E8B57#3CB371#48D1CC#00CED1

Palette guide

How to use Precious Jade Stream

Overview

The Precious Jade Stream palette is a sophisticated gradient from deep emerald to vibrant teal, inspired by precious gemstones and flowing waters. This elegant collection features the rich, dark #006400, a balanced forest green #2E8B57, a lively medium green #3CB371, and transitions into the striking blues of #48D1CC and #00CED1. It’s an ideal palette for designs that aim to convey luxury, elegance, and a connection to nature's refined beauty. Designers can leverage these jewel tones for high-end branding, sophisticated web interfaces, or content that requires a sense of depth, tranquility, and prestige in both digital and print media.

Best used for

  • Luxury brand identities (jewelry, spas)
  • High-tech or environmental corporate branding
  • Elegant interior design concepts
  • Oceanography or nature documentary themes
  • Sophisticated app interfaces
  • Art and gallery exhibition materials

Suggested color roles

primary

#2E8B57 - A balanced, rich green, excellent for main content areas, prominent buttons, or a sophisticated brand color.

secondary

#3CB371 - A lighter, more vibrant green that complements the primary, suitable for subheadings, secondary elements, or engaging accents.

accent

#00CED1 - A striking, bright teal that provides a captivating pop, perfect for call-to-action buttons, key highlights, or interactive elements.

background

#006400 - A deep, dark green that provides a luxurious and immersive backdrop, making lighter colors truly shine.

text

#FFFFFF - Pure white text ensures excellent readability against the dark #006400 background. For lighter backgrounds like #48D1CC, a dark charcoal or black is recommended.

Accessibility notes

  • White text on #006400 and #2E8B57 provides excellent WCAG AA and AAA contrast.
  • Ensure sufficient contrast when using lighter greens/teals for text, especially #3CB371, #48D1CC, or #00CED1, which are best used with dark text or as large display text.
  • Avoid using #3CB371 or #48D1CC for small body text on light backgrounds due to low contrast.
  • Consider using a consistent light text color (white or near-white) on darker greens/teals for visual harmony and readability.

Recommended combinations

Deep Forest

Creates a rich, layered green scheme, perfect for backgrounds, primary content, and subtle accents.

#006400 · #2E8B57 · #3CB371

Stream Glow

Highlights vibrancy and movement. #00CED1 for key features, #48D1CC for support, and #2E8B57 for depth.

#48D1CC · #00CED1 · #2E8B57

Jade Elegance

A sophisticated blend. #006400 as a deep base, #3CB371 for main elements, and #48D1CC for elegant accents.

#006400 · #3CB371 · #48D1CC

CSS variables

:root {
  --precious-jade-stream-1: #006400;
  --precious-jade-stream-2: #2E8B57;
  --precious-jade-stream-3: #3CB371;
  --precious-jade-stream-4: #48D1CC;
  --precious-jade-stream-5: #00CED1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "precious-jade-stream": {
        1: "#006400",
        2: "#2E8B57",
        3: "#3CB371",
        4: "#48D1CC",
        5: "#00CED1",
      }
    }
  }
}

Related searches

jade green color paletteelegant teal green schemejewel tone colorssophisticated green blueluxury nature palette

Palette colors

Hex values

Color 1#006400
·
Color 2#2E8B57
·
Color 3#3CB371
·
Color 4#48D1CC
·
Color 5#00CED1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.8:1Fail
4:1AA18
3.8:1AA18
2
1.8:1Fail
1.6:1Fail
2.3:1Fail
2.2:1Fail
3
2.8:1Fail
1.6:1Fail
1.4:1Fail
1.4:1Fail
4
4:1AA18
2.3:1Fail
1.4:1Fail
1:1Fail
5
3.8:1AA18
2.2:1Fail
1.4:1Fail
1:1Fail

Similar palettes

More like Precious Jade Stream

View all cool
Emerald Gemstone Luster
Azure Sapphire Gleam
Emerald Grotto Shimmer
Regal Emerald Court
Sapphire Gemstone Depth
Sapphire Geode Shard