Back to palettes

Palette

Jade Pagoda Glow

Elegant and serene, reminiscent of ancient jade and tranquil oriental gardens.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3E5C5D#6F8D8E#A0BCC0#CEDFDF#2A4142

Palette guide

How to use Jade Pagoda Glow

Overview

The Jade Pagoda Glow palette offers an elegant and serene blend of cool, muted greens and grays, reminiscent of ancient jade and tranquil oriental gardens. Featuring colors from the deep `#2A4142` to the airy `#CEDFDF`, this palette is ideal for creating a sophisticated, calming, and minimalist aesthetic. Designers can leverage `#3E5C5D` as a primary hue, while `#6F8D8E` and `#A0BCC0` provide versatile mid-tones. This collection ensures a harmonious visual experience, promoting feelings of understated luxury and quiet contemplation, making it excellent for high-end and culturally inspired design applications.

Best used for

  • Luxury spa and wellness branding
  • High-end interior design and decor
  • Cultural institutions and museum websites
  • Elegant fashion and jewelry brands
  • Minimalist web and app interfaces
  • Oriental-inspired product packaging

Suggested color roles

primary

Use `#3E5C5D` for main headings, important buttons, and key graphical elements. It's sophisticated and grounding.

secondary

Apply `#2A4142` for navigation, footers, or as a strong background to establish depth and ensure readability.

accent

Reserve `#CEDFDF` for subtle highlights, delicate illustrations, or as a very light background for emphasis.

background

Employ `#A0BCC0` for primary content areas, providing an airy, calm, and sophisticated backdrop.

text

Utilize `#2A4142` for all body text to ensure maximum readability and a cohesive, elegant look.

Accessibility notes

  • Ensure `#2A4142` provides sufficient contrast against lighter shades like `#A0BCC0` and `#CEDFDF` for text.
  • Avoid using `#CEDFDF` for any text elements as it lacks sufficient contrast against most backgrounds.
  • When using lighter tones for interactive elements, verify their contrast with surrounding colors.
  • White text on `#2A4142` or `#3E5C5D` offers excellent readability and a crisp, refined appearance.

Recommended combinations

Elegant Contrast

Creates a sophisticated, high-contrast look suitable for hero sections or impactful brand statements.

#2A4142 · #3E5C5D · #CEDFDF

Subtle Harmony

Offers a soft, progressive gradient ideal for backgrounds, subtle visual flows, or decorative elements.

#3E5C5D · #6F8D8E · #A0BCC0

Misty Layers

Combines deep grounding with light, ethereal tones, suitable for clean layouts and clear information hierarchy.

#2A4142 · #A0BCC0 · #CEDFDF

CSS variables

:root {
  --jade-pagoda-glow-1: #3E5C5D;
  --jade-pagoda-glow-2: #6F8D8E;
  --jade-pagoda-glow-3: #A0BCC0;
  --jade-pagoda-glow-4: #CEDFDF;
  --jade-pagoda-glow-5: #2A4142;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-pagoda-glow": {
        1: "#3E5C5D",
        2: "#6F8D8E",
        3: "#A0BCC0",
        4: "#CEDFDF",
        5: "#2A4142",
      }
    }
  }
}

Related searches

elegant jade paletteserene cool greensoriental color schememuted teal graysophisticated pagoda colors

Palette colors

Hex values

Color 1#3E5C5D
·
Color 2#6F8D8E
·
Color 3#A0BCC0
·
Color 4#CEDFDF
·
Color 5#2A4142
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.6:1AA18
5.3:1AA
1.5:1Fail
2
2:1Fail
1.8:1Fail
2.6:1Fail
3:1AA18
3
3.6:1AA18
1.8:1Fail
1.5:1Fail
5.4:1AA
4
5.3:1AA
2.6:1Fail
1.5:1Fail
7.9:1AAA
5
1.5:1Fail
3:1AA18
5.4:1AA
7.9:1AAA

Similar palettes

More like Jade Pagoda Glow

View all cool
Jade Palace Garden
Imperial Jade Splendor
Jade Cascade
Jade Empress Realm
Regal Jade Grandeur
Astral Glow Veil