UI Shades

A study in pink

Light Pink

#FFB6C1

Family
Pink
L
0.847
C
0.086
H

Notes

Light Pink is the pale, slightly warm pink of, originally, baby clothes. The CSS hex reads as gentle, romantic, and slightly nostalgic. Beauty, wellness, and stationery designs use it as a background or secondary surface. Pair with deep burgundy for type, or with muted teal for a calmer secondary accent. Pair it with hot pink and the lightness shift jumps uncomfortably, with the layout starting to feel like a gradient went wrong. Against white it provides enough separation to read as a distinct layer for product cards or panels in a layered UI.

#ffb6c1
Light Pink
Light Pink
#ffb6c1
oklch(0.847 0.086 9.09)
rgb(255 182 193)
hsl(351 100% 85.7%)
Share
#fff5f7
#ffecef
#ffd6dd
#ffb6c1
#ed99a6
#c26e7d
#a75666
#8d4352
#692e3a
#4a1c26
#290c12

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 Light Pink

Cross-reference
Q&A

Frequently asked questions

What is Light Pink?

Light Pink is the pale, slightly warm pink of, originally, baby clothes. The CSS hex reads as gentle, romantic, and slightly nostalgic. Its hex code is #FFB6C1.

What are the tints and shades of Light Pink?

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

Its complementary color is #87DFD8. Triadic partners are #BBD89D and #A1D2FF; analogous neighbours are #FFBAA4 and #F3B8E0.

What are the OKLCH and RGB values of Light Pink?

Light Pink is #FFB6C1 - OKLCH 0.847 0.086 9°, rgb(255 182 193), in the pink family.