UI Shades

A study in green

Chartreuse

#7FFF00

Family
Green
L
0.890
C
0.265
H
136°

Notes

Chartreuse is the brilliant yellow-green named after the French herbal liqueur first distilled by Carthusian monks in the eighteenth century. The CSS value is exactly halfway between green and yellow at full saturation, which makes it one of the most aggressive colors a screen can produce. It signals warning in safety contexts and youth-energy in beverage or gaming branding. Accent only - full-area chartreuse causes eye fatigue quickly and rarely passes accessibility checks against white. Body text contrast against white fails AA at every size, so it must be used with dark text overlays whenever it appears as a surface.

#7fff00
Chartreuse
Chartreuse
#7fff00
oklch(0.89 0.265 136.01)
rgb(127 255 0)
hsl(90.1 100% 50%)
Share
#e9ffdc
#d6ffc1
#acff80
#7fff00
#5ad500
#42a600
#338900
#277100
#175300
#0a3900
#011f00

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 Chartreuse

Cross-reference
Q&A

Frequently asked questions

What is Chartreuse?

Chartreuse is the brilliant yellow-green named after the French herbal liqueur first distilled by Carthusian monks in the eighteenth century. The CSS value is exactly halfway between green and yellow at full saturation, which makes it one of the most aggressive colors a screen can produce. Its hex code is #7FFF00.

What are the tints and shades of Chartreuse?

uishades builds an 11-step OKLCH ramp for Chartreuse (#7FFF00) - 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 Chartreuse?

Its complementary color is #F8C4FF. Triadic partners are #BADEFF and #FFC6C9; analogous neighbours are #00FFBB and #EEE100.

What are the OKLCH and RGB values of Chartreuse?

Chartreuse is #7FFF00 - OKLCH 0.890 0.265 136°, rgb(127 255 0), in the green family.