UI Shades

A study in green

Green

#008000

Family
Green
L
0.520
C
0.177
H
142°

Notes

CSS Green is #008000, a value chosen in 1996 because it sat exactly halfway between the brightest sRGB green and black on each channel. It is rarely what designers want when they say green; modern palettes reach for the brighter Tailwind #22c55e or Material Green 500 instead, but the keyword still carries historical weight. The colour reads as serious rather than fresh. Pair it with cream and warm oak for an outdoor palette, or with charcoal #0a0a0a for a hospital-grade clinical look. Body text against white passes AAA at sizes 16px and above, which makes it usable for long-form layouts that need a green hierarchy colour.

#008000
Green
Green
#008000
oklch(0.52 0.177 142.5)
rgb(0 128 0)
hsl(120 100% 25.1%)
Share
#eeffec
#e0fedd
#c0f6bb
#9cec95
#6ecf67
#3ca537
#008000
#007400
#005500
#003a00
#001f00

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Green

Cross-reference
Q&A

Frequently asked questions

What is Green?

CSS Green is #008000, a value chosen in 1996 because it sat exactly halfway between the brightest sRGB green and black on each channel. It is rarely what designers want when they say green; modern palettes reach for the brighter Tailwind #22c55e or Material Green 500 instead, but the keyword still carries historical weight. Its hex code is #008000.

What are the tints and shades of Green?

uishades builds an 11-step OKLCH ramp for Green (#008000) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Green?

Its complementary color is #963BA3. Triadic partners are #2C61CD and #B92C36; analogous neighbours are #007E61 and #6B6F00.

What are the OKLCH and RGB values of Green?

Green is #008000 - OKLCH 0.520 0.177 142°, rgb(0 128 0), in the green family.