UI Shades

A study in green

Aquamarine

#7FFFD4

Family
Green
L
0.915
C
0.130
H
169°

Notes

Aquamarine names a pale cyan with a green lean, descending from the gem and the Latin for sea water. The CSS value mixed in 1987 for X11 is brighter than the real mineral but still reads as tropical shallows. Common in beauty and travel branding where a soft, refreshing tone is needed. Works as a flood color in hero sections or as a tint behind dark navy type. Against white the contrast is too low for body text - keep it for surfaces and decorative shapes.

#7fffd4
Aquamarine
Aquamarine
#7fffd4
oklch(0.915 0.13 168.99)
rgb(127 255 212)
hsl(159.8 100% 74.9%)
Share
#dffff5
#c5ffec
#7fffd4
#00fbbf
#00d7a1
#00a77b
#008b65
#007352
#00543a
#003a26
#002012

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 Aquamarine

Cross-reference
Q&A

Frequently asked questions

What is Aquamarine?

Aquamarine names a pale cyan with a green lean, descending from the gem and the Latin for sea water. The CSS value mixed in 1987 for X11 is brighter than the real mineral but still reads as tropical shallows. Its hex code is #7FFFD4.

What are the tints and shades of Aquamarine?

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

Its complementary color is #FFCEEB. Triadic partners are #E1DDFF and #FFD5B8; analogous neighbours are #60FDFF and #B6F8A3.

What are the OKLCH and RGB values of Aquamarine?

Aquamarine is #7FFFD4 - OKLCH 0.915 0.130 169°, rgb(127 255 212), in the green family.