Back to palettes

Palette

Verdant Shade Study

A calming exploration of various green shades, from deep forest to luminous moss.

monochromenatural5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdant Shade Study 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 Shade Study.

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

Data visualization

#003300#005500#007700#009900#00BB00

Palette guide

How to use Verdant Shade Study

Overview

The Verdant Shade Study palette is a calming, monochromatic exploration of various green shades, ranging from deep forest to luminous moss. This collection is defined by its pure green tones, starting with the profound #003300 and progressively lightening through #005500, #007700, #009900, to the vibrant #00BB00. Such a focused palette is invaluable for designers seeking to create depth and visual interest solely through variations in a single hue. It's excellent for projects requiring a strong, consistent brand identity with a natural, stable, and straightforward aesthetic, avoiding distractions from other colors.

Best used for

  • Monochromatic branding projects
  • Data visualization and dashboards
  • Nature-themed app interfaces
  • Scientific or educational content
  • Eco-conscious corporate identities
  • Minimalist website designs

Suggested color roles

primary

#003300 serves as the deepest, most grounding primary, ideal for backgrounds, footers, or impactful headings, providing stability.

secondary

#005500 or #007700 work well for secondary content blocks, large text, or subtle interactive elements, adding depth within the same hue.

accent

#00BB00 provides the brightest accent, perfect for calls-to-action, interactive elements, or key highlights that need to pop.

background

#003300 or #005500 can create a deep, immersive background for light text. Alternatively, use a crisp white with #003300 text.

text

For optimal readability, use a clean white or very light gray on darker shades like #003300. #003300 itself works on white backgrounds.

Accessibility notes

  • Ensure strong contrast for white text on #003300 and #005500 backgrounds.
  • Avoid using #009900 on #00BB00 for small text due to insufficient contrast.
  • #003300 provides excellent contrast against a white or very light background for body text.
  • When working with monochromatic palettes, carefully test adjacent shades for sufficient contrast, especially for interactive elements.

Recommended combinations

Deep Forest

Creates a strong, deep foundation with a bright highlight, ideal for branding and dark mode.

#003300 · #005500 · #00BB00

Mossy Gradient

Excellent for visual depth in graphics, charts, or layered interface elements.

#007700 · #009900 · #003300

Verdant Focus

Suitable for designs needing a vibrant focal point with supportive, darker green details.

#00BB00 · #007700 · #005500

CSS variables

:root {
  --verdant-shade-study-1: #003300;
  --verdant-shade-study-2: #005500;
  --verdant-shade-study-3: #007700;
  --verdant-shade-study-4: #009900;
  --verdant-shade-study-5: #00BB00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-shade-study": {
        1: "#003300",
        2: "#005500",
        3: "#007700",
        4: "#009900",
        5: "#00BB00",
      }
    }
  }
}

Related searches

monochromatic green paletteforest green color shadespure green color schemedeep green brandingvibrant green gradient

Palette colors

Hex values

Color 1#003300
·
Color 2#005500
·
Color 3#007700
·
Color 4#009900
·
Color 5#00BB00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
3.8:1AA18
5.5:1AA
2
1.6:1Fail
1.6:1Fail
2.4:1Fail
3.5:1AA18
3
2.5:1Fail
1.6:1Fail
1.5:1Fail
2.2:1Fail
4
3.8:1AA18
2.4:1Fail
1.5:1Fail
1.5:1Fail
5
5.5:1AA
3.5:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Verdant Shade Study

View all monochrome
Green Moss Harmony
Verdant Woodland Shade
Ancient Temple Moss
Botanical Fern Bloom
Desert Sand Texture
Emerald Canopy Sun