Back to palettes

Palette

Jade Palace Garden

Cool, sophisticated greens reminiscent of serene Asian gardens and precious jade stones.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A3D1E#1F633E#388A5E#62B58C#A5D8BB

Palette guide

How to use Jade Palace Garden

Overview

The Jade Palace Garden palette offers cool, sophisticated greens reminiscent of serene Asian gardens and precious jade stones. With colors ranging from the deep, rich `#0A3D1E` to the delicate `#A5D8BB`, this palette is ideal for creating an elegant, tranquil, and luxurious aesthetic. Designers can leverage `#1F633E` as a primary hue, while `#388A5E` and `#62B58C` provide versatile mid-tones. This collection ensures a harmonious visual experience, promoting feelings of refined beauty and quiet grandeur, making it excellent for high-end and culturally inspired design applications across various media.

Best used for

  • Luxury brand identities and packaging
  • Fine dining restaurant branding
  • Cultural event and exhibition designs
  • Premium skincare and beauty products
  • Serene interior design concepts
  • Asian-inspired art and digital media

Suggested color roles

primary

Use `#1F633E` for main headings, interactive elements, and key brand accents. It's rich and inviting.

secondary

Apply `#0A3D1E` for navigation, footers, or as a strong background to establish depth and sophistication.

accent

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

background

Employ `#62B58C` for primary content areas, providing a soft, clean, and elegant backdrop.

text

Utilize `#0A3D1E` for all body text to ensure maximum readability and a cohesive, sophisticated look.

Accessibility notes

  • Ensure `#0A3D1E` provides sufficient contrast against lighter shades like `#62B58C` and `#A5D8BB` for text.
  • Avoid using `#A5D8BB` for any text elements as it lacks sufficient contrast against most backgrounds.
  • When using lighter greens for interactive elements, verify their contrast with surrounding colors.
  • White text on `#0A3D1E` or `#1F633E` offers excellent readability and a crisp, luxurious appearance.

Recommended combinations

Regal Depth

Creates a deep, layered effect, perfect for hero sections or sophisticated brand statements.

#0A3D1E · #1F633E · #388A5E

Garden Bloom

Offers a soft, harmonious progression, ideal for backgrounds, subtle gradients, or decorative elements.

#1F633E · #62B58C · #A5D8BB

Elegant Contrast

Combines strong grounding with delicate highlights, suitable for clean layouts and clear information hierarchy.

#0A3D1E · #62B58C · #A5D8BB

CSS variables

:root {
  --jade-palace-garden-1: #0A3D1E;
  --jade-palace-garden-2: #1F633E;
  --jade-palace-garden-3: #388A5E;
  --jade-palace-garden-4: #62B58C;
  --jade-palace-garden-5: #A5D8BB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-palace-garden": {
        1: "#0A3D1E",
        2: "#1F633E",
        3: "#388A5E",
        4: "#62B58C",
        5: "#A5D8BB",
      }
    }
  }
}

Related searches

elegant green palettejade garden colorssophisticated orientalcool green luxurypalace aesthetic

Palette colors

Hex values

Color 1#0A3D1E
·
Color 2#1F633E
·
Color 3#388A5E
·
Color 4#62B58C
·
Color 5#A5D8BB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
5:1AA
7.7:1AAA
2
1.7:1Fail
1.7:1Fail
2.9:1Fail
4.5:1AA
3
2.9:1Fail
1.7:1Fail
1.7:1Fail
2.6:1Fail
4
5:1AA
2.9:1Fail
1.7:1Fail
1.5:1Fail
5
7.7:1AAA
4.5:1AA
2.6:1Fail
1.5:1Fail

Similar palettes

More like Jade Palace Garden

View all cool