UI Shades

A study in green

Dark Sea Green

#8FBC8F

Family
Green
L
0.751
C
0.080
H
145°

Notes

Dark Sea Green is a muted, dusty mid-green named after the deeper shade of seaweed. The CSS hex has low chroma and a slight blue cast, distinct from the warmer mid-greens in the spec. It enjoys steady use in wellness, organic-food, and home-decor branding where a calmer green is preferred to brighter alternatives. Cream and terracotta alongside give a natural palette; off-white and charcoal push it toward a modern minimalist look. It works well as a large surface tone without fatiguing the eye. Body text against white passes AA at headline sizes but is borderline below 14px.

#8fbc8f
Dark Sea Green
Dark Sea Green
#8fbc8f
oklch(0.751 0.08 144.73)
rgb(143 188 143)
hsl(120 25.1% 64.9%)
Share
#f4fdf4
#eaf9ea
#d3eed3
#bae1b9
#8fbc8f
#6b996b
#538054
#406a41
#2b4d2c
#1b341b
#0b1c0c

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 Dark Sea Green

Cross-reference
Q&A

Frequently asked questions

What is Dark Sea Green?

Dark Sea Green is a muted, dusty mid-green named after the deeper shade of seaweed. The CSS hex has low chroma and a slight blue cast, distinct from the warmer mid-greens in the spec. Its hex code is #8FBC8F.

What are the tints and shades of Dark Sea Green?

uishades builds an 11-step OKLCH ramp for Dark Sea Green (#8FBC8F) - 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 Dark Sea Green?

Its complementary color is #C89DCB. Triadic partners are #95AEE2 and #DC9B95; analogous neighbours are #76BFAB and #ACB57A.

What are the OKLCH and RGB values of Dark Sea Green?

Dark Sea Green is #8FBC8F - OKLCH 0.751 0.080 145°, rgb(143 188 143), in the green family.