UI Shades

A study in teal

Powder Blue

#B0E0E6

Family
Teal
L
0.875
C
0.050
H
206°

Notes

Powder Blue is the pale, slightly cyan-leaning blue of soft baby blanket fabric. The CSS hex sits between Light Blue and Pale Turquoise, with low chroma at high lightness. Beauty, wellness, and baby-product brands use it as a quiet background. Pair with deep navy 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. The cool undertone suits medical and clinical branding contexts as well, where a hint of fresh air is wanted without committing to a saturated accent.

#b0e0e6
Powder Blue
Powder Blue
#b0e0e6
oklch(0.875 0.05 205.73)
rgb(176 224 230)
hsl(186.7 51.9% 79.6%)
Share
#f2fcfe
#e6f8fa
#ccecf0
#b0e0e6
#87c0c7
#5b969e
#427e85
#30686f
#1e4b51
#0f3337
#051b1d

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 Powder Blue

Cross-reference
Q&A

Frequently asked questions

What is Powder Blue?

Powder Blue is the pale, slightly cyan-leaning blue of soft baby blanket fabric. The CSS hex sits between Light Blue and Pale Turquoise, with low chroma at high lightness. Its hex code is #B0E0E6.

What are the tints and shades of Powder Blue?

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

Its complementary color is #F6CAC5. Triadic partners are #E8CBE8 and #E5D4B1; analogous neighbours are #B7DCF3 and #B4E1D4.

What are the OKLCH and RGB values of Powder Blue?

Powder Blue is #B0E0E6 - OKLCH 0.875 0.050 206°, rgb(176 224 230), in the teal family.