Back to palettes

Palette

Jade Forest Veil

Deep and rich monochrome greens evoking a mysterious, shaded jade forest veil.

monochromecalm5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jade Forest Veil 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 Forest Veil.

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

Data visualization

#004225#005C35#007747#009359#00AF6B

Palette guide

How to use Jade Forest Veil

Overview

The Jade Forest Veil palette is a deeply rich, monochromatic collection of greens, evoking a mysterious, shaded jade forest. Ranging from the profound darkness of #004225 to the vibrant yet still muted #00AF6B, this palette offers a sophisticated gradient of verdant hues. Each color builds upon the last, creating depth and a sense of calm intensity. This collection is perfect for projects that require a cohesive, elegant, and somewhat enigmatic natural aesthetic, providing a strong visual identity that is both grounding and subtly vibrant, ideal for evoking lush, hidden beauty.

Best used for

  • Luxury eco-friendly product branding
  • High-end spa or meditation apps
  • Dark mode UI themes
  • Mystical or fantasy-themed designs
  • Sustainable agriculture marketing
  • Sophisticated nature photography displays

Suggested color roles

primary

The darkest, most profound green (#004225), perfect for main backgrounds, headers, or a strong brand anchor.

secondary

A deep, rich green (#005C35), suitable for subheadings, navigation elements, or significant content blocks.

accent

The brightest green in the palette (#00AF6B), used to draw attention to interactive elements, calls to action, or key highlights.

background

Creates a luxurious, dark, and immersive backdrop using #004225, allowing lighter elements to truly pop.

text

Use #00AF6B or a bright near-white for body text on dark backgrounds. For very light backgrounds (not in this palette), #004225 would be suitable.

Accessibility notes

  • For text on #004225 or #005C35, use #00AF6B or a very light color to ensure sufficient contrast.
  • Avoid using adjacent colors in the gradient (e.g., #005C35 on #004225) for small text due to low contrast.
  • Ensure interactive elements using #00AF6B have clear contrast against their background.
  • This palette is best utilized with light text on dark backgrounds for readability.

Recommended combinations

Deep Monochromatic

Establishes a strong, sophisticated dark theme with a vibrant accent.

#004225 · #005C35 · #00AF6B

Forest Gradient

Creates subtle depth and movement, ideal for background textures or visual transitions.

#005C35 · #007747 · #009359

Veil Highlight

A deep base with a bright focal point, supported by a mid-tone, perfect for emphasizing key information.

#004225 · #00AF6B · #007747

CSS variables

:root {
  --jade-forest-veil-1: #004225;
  --jade-forest-veil-2: #005C35;
  --jade-forest-veil-3: #007747;
  --jade-forest-veil-4: #009359;
  --jade-forest-veil-5: #00AF6B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-forest-veil": {
        1: "#004225",
        2: "#005C35",
        3: "#007747",
        4: "#009359",
        5: "#00AF6B",
      }
    }
  }
}

Related searches

dark green color palettemonochromatic green schemedeep forest colorsmysterious green aestheticemerald monochrome UI

Palette colors

Hex values

Color 1#004225
·
Color 2#005C35
·
Color 3#007747
·
Color 4#009359
·
Color 5#00AF6B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
2.9:1Fail
4.1:1AA18
2
1.4:1Fail
1.4:1Fail
2.1:1Fail
2.8:1Fail
3
2.1:1Fail
1.4:1Fail
1.4:1Fail
2:1Fail
4
2.9:1Fail
2.1:1Fail
1.4:1Fail
1.4:1Fail
5
4.1:1AA18
2.8:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Jade Forest Veil

View all monochrome
Forest Fern Grotto
Emerald River Flow
Enchanted Forest Dew
Enchanted Moss Glimmer
Forest Shaded Green
Ancient Forest Myst