Back to palettes

Palette

Jade Dragon Temple

A deep to light green palette, drawing inspiration from ancient jade artifacts and lush temple gardens.

monochromeelegant5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#003300#006633#339966#66CC99#99FFCC

Palette guide

How to use Jade Dragon Temple

Overview

The Jade Dragon Temple palette offers a monochrome journey through deep, spiritual greens to ethereal light tones, inspired by ancient jade artifacts and serene temple gardens. Starting with the profound #003300 and ascending to the airy #99FFCC, this harmonious palette includes the balanced #006633, the vibrant #339966, and the refreshing #66CC99. Designers and developers can leverage these hues to craft elegant, sophisticated, and spiritually resonant digital experiences or branding. It's particularly effective for projects that require a sense of tradition, tranquility, and refined natural beauty, from cultural institutions to wellness brands.

Best used for

  • Cultural institution branding
  • Spiritual and wellness retreats
  • Monochromatic website design
  • Traditional Asian-inspired art
  • Eco-luxury packaging
  • Tranquil meditation app UI

Suggested color roles

primary

Use #339966 for main interactive elements or prominent headings, offering a vibrant yet grounded feel.

secondary

Apply #006633 for supporting content or secondary navigation, providing depth and continuity.

accent

Employ #003300 sparingly for powerful accents or calls-to-action, establishing a strong, elegant anchor.

background

The lightest #99FFCC serves as an airy, serene background, allowing deeper greens to create strong hierarchy.

text

For body text, #003300 offers excellent readability against light backgrounds like #99FFCC.

Accessibility notes

  • Ensure #003300 text on #99FFCC background meets WCAG AA for general readability.
  • Verify contrast for #339966 and #006633 when used as text on the lightest background #99FFCC.
  • Avoid using #66CC99 for small text; reserve it for larger titles or decorative elements.
  • For interactive elements, ensure clear visual feedback for hover and focus states.

Recommended combinations

Temple Serenity

Ideal for serene website backgrounds and hierarchical content presentation.

#99FFCC · #66CC99 · #339966

Dragon's Shadow

Excellent for sophisticated branding, providing strong contrast for logos and key messages.

#003300 · #006633 · #99FFCC

Jade Steps

Effective for progressive indicators, infographics, or layered UI components.

#006633 · #339966 · #66CC99

CSS variables

:root {
  --jade-dragon-temple-1: #003300;
  --jade-dragon-temple-2: #006633;
  --jade-dragon-temple-3: #339966;
  --jade-dragon-temple-4: #66CC99;
  --jade-dragon-temple-5: #99FFCC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-dragon-temple": {
        1: "#003300",
        2: "#006633",
        3: "#339966",
        4: "#66CC99",
        5: "#99FFCC",
      }
    }
  }
}

Related searches

monochromatic green palettetemple jade color schemeoriental green brandingspiritual green designdeep to light green colors

Palette colors

Hex values

Color 1#003300
·
Color 2#006633
·
Color 3#339966
·
Color 4#66CC99
·
Color 5#99FFCC
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4:1AA18
7.2:1AAA
11.9:1AAA
2
2:1Fail
2:1Fail
3.6:1AA18
5.9:1AA
3
4:1AA18
2:1Fail
1.8:1Fail
3:1Fail
4
7.2:1AAA
3.6:1AA18
1.8:1Fail
1.6:1Fail
5
11.9:1AAA
5.9:1AA
3:1Fail
1.6:1Fail

Similar palettes

More like Jade Dragon Temple

View all monochrome
Jade Empress Jewel
Enchanted Dewdrop Emerald
Jade Empress
Art Nouveau Vine
Elegant Onyx Chess
Gilded Frame Accent