Shades of Green | Colormapped

Shades of Green color ramp

These swatches are generated from one base hue using fixed HSL lightness steps. They are computed references, not official color names.

#E5FFE5 HSL lightness 95%

#B3FFB3 HSL lightness 85%

#80FF80 HSL lightness 75%

#4DFF4D HSL lightness 65%

#1AFF1A HSL lightness 55%

#00E600 HSL lightness 45%

#00B300 HSL lightness 35%

#008000 HSL lightness 25%

#004D00 HSL lightness 15%

Base reference: #008000. Use the Tints and Shades Generator when you need a ramp based on a specific project color.

Common CSS named green colors

This list spans pale, yellow-green, saturated, and forest-like CSS keywords so you can compare familiar named greens with exact values.

ColorCSS keywordHEX

Honeydew honeydew #F0FFF0

Pale Green palegreen #98FB98

Light Green lightgreen #90EE90

Green Yellow greenyellow #ADFF2F

Lawn Green lawngreen #7CFC00

Lime lime #00FF00

Lime Green limegreen #32CD32

Medium Sea Green mediumseagreen #3CB371

Sea Green seagreen #2E8B57

Forest Green forestgreen #228B22

Green green #008000

Dark Green darkgreen #006400

Named-color values above use the standardized CSS sRGB keywords documented by MDN. The list is curated for this color family; it is not a perceptually uniform scale.

Green covers a wide span from very light, fresh-looking colors to deep values that can read almost black. The generated ramp above keeps one green hue and saturation relationship while changing lightness, which makes it useful for comparing tone without pretending each swatch has an official name.

For interface work, the middle of a green ramp is often useful for status or accent colors, while very light values can work as surfaces and very dark values can support text or borders when contrast is sufficient. Always check the exact foreground/background pair rather than assuming a shade is accessible.

Useful next steps

Try a specific color in the Tints and Shades Generator, or browse other shade families.