UI Shades

A study in neutral

Lavender Blush

#FFF0F5

Family
Neutral
L
0.968
C
0.017
H
355°

Notes

Lavender Blush is one of the most obscure CSS named colors, a very pale pink with a faint violet undertone. The hex reads as nearly white in normal viewing and is rarely chosen as an intentional brand color. It works as a quiet background for beauty product photography or wedding stationery where a near-white with a barely-visible warmth is wanted. Pair with deep charcoal or muted burgundy for type. Against pure white it loses all distinction and reads as a calibration discrepancy rather than a real surface, so it should never sit adjacent to true white in a layout.

#fff0f5
Lavender Blush
Lavender Blush
#fff0f5
oklch(0.968 0.017 355.1)
rgb(255 240 245)
hsl(340 100% 97.1%)
Share
#fff7fa
#fff0f5
#f8dde6
#eec8d6
#d2a6b6
#a87d8d
#8f6575
#785160
#583945
#3d252e
#211218

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 Lavender Blush

Cross-reference
Q&A

Frequently asked questions

What is Lavender Blush?

Lavender Blush is one of the most obscure CSS named colors, a very pale pink with a faint violet undertone. The hex reads as nearly white in normal viewing and is rarely chosen as an intentional brand color. Its hex code is #FFF0F5.

What are the tints and shades of Lavender Blush?

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

Its complementary color is #E9F9F4. Triadic partners are #F4F6E9 and #EAF7FF; analogous neighbours are #FFF0EF and #FBF1FB.

What are the OKLCH and RGB values of Lavender Blush?

Lavender Blush is #FFF0F5 - OKLCH 0.968 0.017 355°, rgb(255 240 245), in the neutral family.