Palette

Verdant Jade Bloom

Lush greens, from deep to light, inspired by flourishing jade plants and fresh growth.

coolnatural5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdant Jade Bloom 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 Verdant Jade Bloom.

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

Data visualization

#0B4A3D#2B6B58#4D8F7B#7FC2A6#C1E7D7

Palette guide

How to use Verdant Jade Bloom

Overview

The Verdant Jade Bloom palette presents a refreshing and vibrant spectrum of greens, echoing the lushness of flourishing jade plants and new growth. Ranging from the deep, sophisticated #0B4A3D to the airy, almost pastel #C1E7D7, this palette offers a harmonious gradient perfect for designs that aim to feel fresh, natural, and invigorating. The mid-tones like #4D8F7B and #7FC2A6 provide excellent versatility, bridging the profound depths with delicate lightness. This palette is a superb choice for brands seeking to convey vitality, environmental consciousness, or a sense of renewal, offering designers a cohesive set of hues for digital and print applications. Developers will appreciate the clear progression of these hex codes for UI themes.

Best used for

Health and wellness product branding
Eco-conscious retail websites
Botanical garden promotional materials
Fresh food and beverage packaging
Sustainable technology company branding
Spring-themed digital illustrations

Suggested color roles

primary

#0B4A3D - A deep, rich jade green, perfect for establishing a sophisticated and grounded brand identity, suitable for main headings or navigation.

secondary

#2B6B58 - A slightly lighter, vibrant green that supports the primary, ideal for sub-sections, call-to-actions, or significant graphical elements.

accent

#7FC2A6 - A bright, refreshing jade green that provides a lively contrast, excellent for interactive elements, highlights, or subtle decorative touches.

background

#C1E7D7 - A very light, almost minty green, creating an open and airy backdrop that promotes readability and a fresh feel.

text

#0B4A3D - This deep jade green ensures high readability against lighter backgrounds like #C1E7D7, maintaining the natural and crisp aesthetic of the palette.

Accessibility notes

Ensure #0B4A3D text on #C1E7D7 background meets WCAG AA contrast ratios for optimal readability.
Be cautious when pairing #4D8F7B with #7FC2A6 for text, as contrast might be insufficient for small fonts.
Use #2B6B58 for larger text or graphic elements on #C1E7D7 to ensure visibility.
Provide clear focus indicators for interactive elements using a stark contrasting color or thicker border.

Recommended combinations

Deep Growth

Effective for branding elements, using the darkest as primary, mid-tone for details, and lightest for background or text.

#0B4A3D · #2B6B58 · #C1E7D7

Fresh Bloom

Ideal for vibrant infographics or interactive charts, with #7FC2A6 highlighting key data points.

#7FC2A6 · #4D8F7B · #0B4A3D

Jade Gradient

Creates a harmonious visual flow for backgrounds or large graphical shapes, transitioning from light to mid-tone.

#C1E7D7 · #4D8F7B · #2B6B58

CSS variables

:root {
  --verdant-jade-bloom-1: #0B4A3D;
  --verdant-jade-bloom-2: #2B6B58;
  --verdant-jade-bloom-3: #4D8F7B;
  --verdant-jade-bloom-4: #7FC2A6;
  --verdant-jade-bloom-5: #C1E7D7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-jade-bloom": {
        1: "#0B4A3D",
        2: "#2B6B58",
        3: "#4D8F7B",
        4: "#7FC2A6",
        5: "#C1E7D7",
      }
    }
  }
}

Hex values

Color 1#0B4A3D

Color 2#2B6B58

Color 3#4D8F7B

Color 4#7FC2A6

Color 5#C1E7D7

Accessibility

Contrast checker

1.6:1Fail

2.7:1Fail

4.9:1AA

7.6:1AAA

1.6:1Fail

1.7:1Fail

3:1AA18

4.7:1AA

2.7:1Fail

1.7:1Fail

1.8:1Fail

2.8:1Fail

4.9:1AA

3:1AA18

1.8:1Fail

1.5:1Fail

7.6:1AAA

4.7:1AA

2.8:1Fail

1.5:1Fail

Similar palettes

More like Verdant Jade Bloom

View all cool

Dewdrop Emerald Vine

Emerald Bamboo Sway

Emerald Coastline Bloom

Emerald Grove Sanctuary

Emerald Peak Summit

Emerald River Stone