UI Shades

A study in red

Misty Rose

#FFE4E1

Family
Red
L
0.940
C
0.030
H
25°

Notes

Misty Rose is one of the gentler pinks in the CSS spec, a very pale warm pink with a slight blue cast. The hex reads as restrained and slightly nostalgic. Beauty, wellness, and stationery brands use it as a quiet background. Pair with deep burgundy for type, or with charcoal for a more neutral palette. Against pure white it provides modest separation; layer carefully against other pale pinks to avoid muddying. Two Misty Rose surfaces side by side will look identical in dim viewing - single-layer tone rather than nested card material.

#ffe4e1
Misty Rose
Misty Rose
#ffe4e1
oklch(0.94 0.03 25.28)
rgb(255 228 225)
hsl(6 100% 94.1%)
Share
#fff8f7
#fff0ef
#ffe4e1
#f0cac6
#d4a8a3
#aa7f7a
#916763
#79534f
#593b38
#3d2624
#211311

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 Misty Rose

Cross-reference
Q&A

Frequently asked questions

What is Misty Rose?

Misty Rose is one of the gentler pinks in the CSS spec, a very pale warm pink with a slight blue cast. The hex reads as restrained and slightly nostalgic. Its hex code is #FFE4E1.

What are the tints and shades of Misty Rose?

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

Its complementary color is #D5F1F5. Triadic partners are #DFF1DF and #E1EBFF; analogous neighbours are #FCE6D9 and #FDE3EC.

What are the OKLCH and RGB values of Misty Rose?

Misty Rose is #FFE4E1 - OKLCH 0.940 0.030 25°, rgb(255 228 225), in the red family.