Back to palettes

Palette

Jade Buddha Serene

Deep, calming greens reminiscent of ancient jade, promoting a sense of peace and meditation.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jade Buddha Serene 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 Buddha Serene.

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

Data visualization

#658C7C#4D7A69#376756#215443#0B4130

Palette guide

How to use Jade Buddha Serene

Overview

The "Jade Buddha Serene" palette offers a deeply calming and sophisticated spectrum of cool greens, inspired by the tranquil beauty of ancient jade. Ranging from the light, airy #658C7C to the profound depth of #0B4130, with intermediate shades like #4D7A69, #376756, and #215443, this monochromatic collection exudes peace and contemplation. It is an excellent choice for designers and developers aiming to create serene, elegant, and timeless experiences. The palette's subtle variations allow for rich textural depth without visual clutter, making it perfect for luxury, wellness, or spiritually-inspired designs that prioritize calm and focus.

Best used for

  • Meditation and mindfulness apps
  • Luxury spa and wellness centers
  • Asian-inspired interior design
  • High-end artisanal product branding
  • Museum and gallery websites
  • Calming digital interfaces

Suggested color roles

primary

#0B4130 (A deep, grounding foundation for backgrounds, footers, or strong, authoritative branding.)

secondary

#215443 (A rich, supportive green for secondary content areas, card backgrounds, or navigation.)

accent

#658C7C (The lightest shade, used sparingly for subtle highlights, interactive states, or delicate outlines against darker tones.)

background

#215443 or #376756 (Provides a sophisticated, calming canvas. Use #658C7C for a lighter, airy feel.)

text

White or a very light cream for optimal readability on darker greens. For lighter green backgrounds, use a dark charcoal or black.

Accessibility notes

  • Ensure sufficient contrast when using lighter greens like #658C7C for text on backgrounds that are not significantly darker.
  • White text is generally safe on #0B4130, #215443, and #376756.
  • Avoid using #4D7A69 for small text on #658C7C backgrounds due to potential low contrast.
  • For critical information, consider using the darkest green (#0B4130) for text on the lightest green (#658C7C) background.

Recommended combinations

Deep Serenity

Creates a profound, calming depth, ideal for immersive backgrounds or elegant content blocks.

#0B4130 · #215443 · #376756

Jade Glow

A balanced combination for layered elements, subtle gradients, or a sophisticated, airy feel.

#658C7C · #4D7A69 · #215443

Monochromatic Focus

Effective for clear hierarchy, with the lightest color highlighting key information against deep tones.

#0B4130 · #658C7C · #376756

CSS variables

:root {
  --jade-buddha-serene-1: #658C7C;
  --jade-buddha-serene-2: #4D7A69;
  --jade-buddha-serene-3: #376756;
  --jade-buddha-serene-4: #215443;
  --jade-buddha-serene-5: #0B4130;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-buddha-serene": {
        1: "#658C7C",
        2: "#4D7A69",
        3: "#376756",
        4: "#215443",
        5: "#0B4130",
      }
    }
  }
}

Related searches

calming green color paletteserene jade tonescool green ui designmeditation app colorssophisticated green branding

Palette colors

Hex values

Color 1#658C7C
·
Color 2#4D7A69
·
Color 3#376756
·
Color 4#215443
·
Color 5#0B4130
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.3:1Fail
3.1:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.4:1Fail
3
1.7:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
4
2.3:1Fail
1.8:1Fail
1.3:1Fail
1.3:1Fail
5
3.1:1AA18
2.4:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Jade Buddha Serene

View all cool