Back to palettes

Palette

Imperial Jade Splendor

Deep, rich greens and teals, embodying the ancient beauty and wealth of imperial jade artifacts.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004B49#006C6A#048C8C#0CC4C4#2EF7F7

Palette guide

How to use Imperial Jade Splendor

Overview

The Imperial Jade Splendor palette presents a collection of deep, rich greens and teals, embodying the ancient beauty and wealth of imperial jade artifacts. From the profound #004B49 to the vibrant #2EF7F7, including #006C6A, #048C8C, and #0CC4C4, this scheme offers designers and developers a truly elegant and serene foundation. It's ideal for conveying luxury, tranquility, and a connection to nature or oriental aesthetics. Utilize these sophisticated hues to create designs that feel balanced, refined, and visually refreshing, perfect for high-end or wellness-focused projects.

Best used for

  • Wellness and spa branding
  • Luxury oriental decor and textiles
  • Eco-friendly and sustainable product packaging
  • High-end fashion and accessory branding
  • Serene digital interfaces and meditation apps
  • Cultural exhibitions and museum branding

Suggested color roles

primary

Use #004B49 as a deep, grounding primary color, ideal for main headings, navigation, or sophisticated backgrounds.

secondary

Employ #006C6A for supportive sections, subheadings, or larger blocks of content, providing a rich, complementary green.

accent

Apply #0CC4C4 as a vibrant, jade-like accent for calls-to-action, icons, or key highlights that need to pop.

background

Utilize #2EF7F7 for light, airy backgrounds, offering a refreshing canvas. Alternatively, a very dark charcoal can create dramatic contrast.

text

For dark text on lighter backgrounds, #004B49 provides excellent readability. For text on darker shades, a crisp white or very light gray is recommended.

Accessibility notes

  • Text in #004B49 or #006C6A on #2EF7F7 should offer good contrast for all users, including those with color vision deficiencies.
  • Avoid using #0CC4C4 on #2EF7F7 for small or essential text due to potential low contrast; reserve it for larger graphic elements.
  • Ensure sufficient contrast for all interactive elements against their background, meeting WCAG guidelines (e.g., 3:1 for graphical objects).
  • White text on #004B49 or #006C6A will be highly legible and provides a clean, modern aesthetic.

Recommended combinations

Deep Jade Layers

Creates a sophisticated, layered depth for backgrounds, gradients, or distinct content sections, conveying richness.

#004B49 · #006C6A · #048C8C

Vibrant Accent

Perfect for highlighting key features, calls-to-action, or creating a refreshing focal point against a deep base.

#0CC4C4 · #2EF7F7 · #004B49

Serene Flow

Ideal for calm, refreshing design elements, soft backgrounds, or a balanced visual flow in UI layouts.

#048C8C · #2EF7F7 · #006C6A

CSS variables

:root {
  --imperial-jade-splendor-1: #004B49;
  --imperial-jade-splendor-2: #006C6A;
  --imperial-jade-splendor-3: #048C8C;
  --imperial-jade-splendor-4: #0CC4C4;
  --imperial-jade-splendor-5: #2EF7F7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "imperial-jade-splendor": {
        1: "#004B49",
        2: "#006C6A",
        3: "#048C8C",
        4: "#0CC4C4",
        5: "#2EF7F7",
      }
    }
  }
}

Related searches

imperial jade colorsluxury green teal paletteoriental design colorsserene jewel toneselegant teal branding

Palette colors

Hex values

Color 1#004B49
·
Color 2#006C6A
·
Color 3#048C8C
·
Color 4#0CC4C4
·
Color 5#2EF7F7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.4:1Fail
4.6:1AA
7.5:1AAA
2
1.6:1Fail
1.5:1Fail
2.9:1Fail
4.7:1AA
3
2.4:1Fail
1.5:1Fail
1.9:1Fail
3.1:1AA18
4
4.6:1AA
2.9:1Fail
1.9:1Fail
1.6:1Fail
5
7.5:1AAA
4.7:1AA
3.1:1AA18
1.6:1Fail

Similar palettes

More like Imperial Jade Splendor

View all cool
Emerald Gemstone Luster
Jade Empress Realm
Jade Pagoda Glow
Jade Palace Garden
Precious Jade Stream
Regal Emerald Court