Green Shades
Every named color in the green family, with computed conversions and contrast data — membership derived by computed hue, not a hand-maintained list. 150 colors shown below.
Quick facts (computed from this family's 150 members)
- Average lightness: 53%
- Average saturation: 74%
- 19 of 150 pass WCAG AA as normal text on white
- 131 of 150 pass WCAG AA as normal text on black
- Lightest named member: very light green
- Darkest named member: dark forest green
- Most saturated member: Chartreuse
The color science
Green occupies the widest single hue band in most color-naming schemes, roughly 90-150°, and sits at the human eye's peak sensitivity — the medium-wavelength (M) cone response curve centers almost exactly on green, which is a large part of why green night-vision and heads-up displays were the historical engineering default (the human eye can distinguish more distinct shades of green than of most other hues at equal luminance, a real measured perceptual fact, not folklore). Chlorophyll's absorption spectrum — it absorbs red and blue light strongly, reflecting green back — is the reason nearly all plant life reads as some shade of this family to human eyes. Autumn leaf color change is the same chlorophyll story in reverse: as chlorophyll breaks down each fall, the yellow and orange carotenoid pigments that were present in the leaf all along (but masked by the dominant green chlorophyll) become visible for the first time each year, rather than being newly produced.
Common uses in design
Green is the near-universal 'go/success/confirmed' signal in interface design, the standard color for environmental and sustainability branding, and — in finance specifically — the color for positive numbers/gains in almost every market-data UI, a convention strong enough that reversing it (red for gains, as is actually standard in East Asian markets like China and Taiwan) actively confuses users trained on the opposite convention, a genuine cross-cultural difference worth knowing if you're building financial UI for a global audience. Green also functions as the near-universal 'go' signal in traffic-light systems worldwide, one of the very few color conventions genuinely consistent across almost every country's road-signage standards, unlike the red/green financial-data convention above, which reverses between major markets.
Accessibility notes
Green is the hue most affected by the most common forms of color blindness (deuteranopia/protanopia both reduce red-green discrimination), so a pure green 'success' state next to a pure red 'error' state is the textbook accessibility failure — always pair with an icon or label, never color alone. Mid-saturation greens also frequently fail WCAG AA as text on white; darker forest-leaning greens clear it far more reliably than bright 'grass' greens, so a design system's text-safe green token is almost always darker than its brand or fill green. Because green covers such a wide hue-degree band on this site's classifier (90-150°, the widest of any family), two colors both correctly classified as 'green' can look meaningfully different from each other — a yellow-leaning green and a blue-leaning green at the family's two edges are a genuinely bigger visual jump than the equivalent edge-to-edge spread within most other, narrower hue families here.
Named examples
ForestGreen, SeaGreen, and Chartreuse are three genuinely distinct real-world references within this one family: forest green evokes conifer canopy, sea green a shallow-water blue-green, and chartreuse — named after a French liqueur first produced by Carthusian monks in 1737 — sits at the yellow-green edge, closer to lime than to grass green, a naming choice that surprises many people who assume it's a plant reference. Olive and OliveDrab, both lower-saturation, yellow-leaning greens, sit at the family's more muted end and carry entirely separate real-world references of their own — the olive fruit/tree for the former, WWI/WWII-era military uniform specification for the latter.
Building a green design-token scale
Green is one of the few hues where most design systems maintain two separate scales rather than one: a 'brand/decorative' green (which can sit anywhere in the family) and a dedicated 'success' semantic token, which is usually pinned to a specific, tested-for-contrast mid-tone regardless of what the brand green actually is — Stripe's and GitHub's design systems both do this, keeping their semantic-success green independent of any brand green elsewhere in the product. If your product's brand color happens to already be green, resist the temptation to reuse the exact same token for both roles; a status color needs to stay stable even if the brand palette changes later during a rebrand. Because green spans such a wide hue range, a full green design-token ramp benefits from documenting where within the 90-150° band the brand's specific green sits, so future contributors extending the ramp keep new steps consistent with the original hue rather than drifting toward a noticeably different green over time.