Back to palettes

Palette

Jade Temple Whispers

A calming series of green tones, echoing the serene silence of ancient jade temples.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1E463E#3C6B5E#5C9081#7CA89A#A6C7B9

Palette guide

How to use Jade Temple Whispers

Overview

The Jade Temple Whispers palette offers a profoundly serene and earthy collection of green tones, perfect for evoking a sense of calm and natural elegance. This harmonious gradient moves from the deep, grounding #1E463E to the tranquil #3C6B5E, through the balanced #5C9081, and into the lighter, airy #7CA89A, culminating in the soft, ethereal #A6C7B9. Designers and developers can leverage this palette to craft interfaces and branding that convey sophistication, tranquility, and a connection to nature. Its subtle variations ensure a cohesive visual experience, ideal for projects seeking a refined yet approachable aesthetic.

Best used for

  • Wellness and spa branding
  • Eco-friendly product packaging
  • Nature-themed website designs
  • Interior design visualization
  • Mindfulness app interfaces
  • Art and cultural institution websites

Suggested color roles

primary

#1E463E - This deep, rich jade serves as a strong, grounding primary color, ideal for prominent headings, main navigation, or brand logos, conveying stability and depth.

secondary

#3C6B5E - A slightly lighter, yet still substantial green, perfect for supporting elements like subheadings, active states, or key informational sections, adding visual interest without overwhelming.

accent

#5C9081 - This balanced mid-tone green provides a subtle accent, suitable for interactive elements like buttons, icons, or subtle highlights, offering a gentle pop of color.

background

#A6C7B9 - A very light, airy green that works beautifully as a clean, calming background, allowing content to breathe and maintaining the palette's serene mood.

text

#1E463E or a dark charcoal like #333333 for main body text against lighter backgrounds. For text over darker greens, a near-white like #F8F8F8 ensures excellent readability.

Accessibility notes

  • Ensure sufficient contrast when using #A6C7B9 as a background with any text color from the palette; generally, use #1E463E or #3C6B5E for body text.
  • Avoid placing #7CA89A text directly on #A6C7B9 backgrounds for critical information due to potential low contrast, especially for users with visual impairments.
  • For interactive elements, use #5C9081 or darker shades against #A6C7B9 to meet WCAG AA contrast standards.
  • When using #1E463E as a background, pair it with #A6C7B9 or a light white for headings and essential text to ensure maximum readability.

Recommended combinations

Deep Forest

Ideal for strong brand statements, corporate presentations, or sophisticated website footers where depth and calm are paramount.

#1E463E · #3C6B5E · #A6C7B9

Serene Meadow

Excellent for light, airy web pages, wellness app interfaces, or natural product packaging that emphasize freshness and tranquility.

#A6C7B9 · #7CA89A · #1E463E

Jade Accent

Great for UI elements, call-to-action buttons, or subtle infographics where a gentle, inviting highlight is desired without stark contrast.

#5C9081 · #3C6B5E · #A6C7B9

CSS variables

:root {
  --jade-temple-whispers-1: #1E463E;
  --jade-temple-whispers-2: #3C6B5E;
  --jade-temple-whispers-3: #5C9081;
  --jade-temple-whispers-4: #7CA89A;
  --jade-temple-whispers-5: #A6C7B9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-temple-whispers": {
        1: "#1E463E",
        2: "#3C6B5E",
        3: "#5C9081",
        4: "#7CA89A",
        5: "#A6C7B9",
      }
    }
  }
}

Related searches

serene green color palettejade inspired colorsnature themed web designcalming green brand colorsearthy cool tones

Palette colors

Hex values

Color 1#1E463E
·
Color 2#3C6B5E
·
Color 3#5C9081
·
Color 4#7CA89A
·
Color 5#A6C7B9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
4:1AA18
5.7:1AA
2
1.7:1Fail
1.7:1Fail
2.3:1Fail
3.3:1AA18
3
2.9:1Fail
1.7:1Fail
1.4:1Fail
2:1Fail
4
4:1AA18
2.3:1Fail
1.4:1Fail
1.5:1Fail
5
5.7:1AA
3.3:1AA18
2:1Fail
1.5:1Fail

Similar palettes

More like Jade Temple Whispers

View all cool
Deep Jade Serenity
Emerald Bough Serene
Emerald Lake Depths
Evergreen Forest Retreat
Forest Canopy Glimmer
Highland Mist Green