UI Shades

A study in green

Forest Green

#228B22

also known as forest-green

Family
Green
L
0.558
C
0.169
H
143°

Notes

Forest Green is the deep, slightly cool green of pine and fir canopy seen in late afternoon. The CSS hex is darker than most digital greens and one of the more legible greens against white at body text sizes. Heritage outdoor brands, conservation groups, and editorial design use it as a primary identity color. Pair with cream and brass for a classic outdoor palette, or with terracotta for an unexpected complementary accent. Body text against white passes AAA at all standard sizes, so the value carries long-form use confidently.

#228b22
Forest Green
Forest Green
#228b22
oklch(0.558 0.169 142.89)
rgb(34 139 34)
hsl(120 60.7% 33.9%)
Share
#efffed
#e1fedf
#c1f6bd
#9eeb99
#71ce6c
#40a43d
#228b22
#037309
#005400
#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 Forest Green

Cross-reference
Q&A

Frequently asked questions

What is Forest Green?

Forest Green is the deep, slightly cool green of pine and fir canopy seen in late afternoon. The CSS hex is darker than most digital greens and one of the more legible greens against white at body text sizes. Its hex code is #228B22.

What are the tints and shades of Forest Green?

uishades builds an 11-step OKLCH ramp for Forest Green (#228B22) - 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 Forest Green?

Its complementary color is #A14AAC. Triadic partners are #3C6DD5 and #C33E42; analogous neighbours are #008B6C and #767B00.

What are the OKLCH and RGB values of Forest Green?

Forest Green is #228B22 - OKLCH 0.558 0.169 143°, rgb(34 139 34), in the green family. Also known as forest-green.