UI Shades

A study in teal

Pale Turquoise

#AFEEEE

Family
Teal
L
0.907
C
0.063
H
196°

Notes

Pale Turquoise is the very pale, slightly cyan-leaning turquoise of shallow tropical water seen from above. The CSS hex carries low chroma at high lightness and reads as calm and slightly nostalgic. Travel, wellness, and beauty brands use it as a quiet background. Pair with deep teal for type, or with charcoal for a more neutral palette. Against pure white the difference is subtle, so it works as a layered surface or panel rather than a primary page colour. Two Pale Turquoise surfaces in adjacent layers will appear identical in dim viewing.

#afeeee
Pale Turquoise
Pale Turquoise
#afeeee
oklch(0.907 0.063 196.09)
rgb(175 238 238)
hsl(180 64.9% 81%)
Share
#ebffff
#dbfcfc
#afeeee
#86e7e8
#4ccacb
#00a0a2
#008789
#006f71
#005152
#003739
#001e1f

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 Pale Turquoise

Cross-reference
Q&A

Frequently asked questions

What is Pale Turquoise?

Pale Turquoise is the very pale, slightly cyan-leaning turquoise of shallow tropical water seen from above. The CSS hex carries low chroma at high lightness and reads as calm and slightly nostalgic. Its hex code is #AFEEEE.

What are the tints and shades of Pale Turquoise?

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

Its complementary color is #FFD0D2. Triadic partners are #F1D4FD and #F9DBB2; analogous neighbours are #B4EAFF and #B9EED7.

What are the OKLCH and RGB values of Pale Turquoise?

Pale Turquoise is #AFEEEE - OKLCH 0.907 0.063 196°, rgb(175 238 238), in the teal family.