UI Shades

A study in neutral

Floral White

#FFFAF0

Family
Neutral
L
0.986
C
0.014
H
85°

Notes

Floral White is one of the warmest off-whites in the CSS spec, closer to ivory than to pure white. The name refers to the cream color of common garden flowers, and the hex carries a faint yellow undertone that makes it feel inviting rather than clinical. Stationery, beauty, and wedding designers use it as a background that softens dark text without committing to a real cream. Pair with deep brown for type, or with muted forest green for a softer secondary accent. The warm cast makes long-form reading less fatiguing than pure white under tungsten light at evening hours.

#fffaf0
Floral White
Floral White
#fffaf0
oklch(0.986 0.014 84.58)
rgb(255 250 240)
hsl(40 100% 97.1%)
Share
#fffaf0
#fcf3e3
#f3e4c5
#e8d2a5
#cbb17d
#a28851
#896f39
#725a27
#534117
#392b0a
#1f1603

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 Floral White

Cross-reference
Q&A

Frequently asked questions

What is Floral White?

Floral White is one of the warmest off-whites in the CSS spec, closer to ivory than to pure white. The name refers to the cream color of common garden flowers, and the hex carries a faint yellow undertone that makes it feel inviting rather than clinical. Its hex code is #FFFAF0.

What are the tints and shades of Floral White?

uishades builds an 11-step OKLCH ramp for Floral White (#FFFAF0) - 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 Floral White?

Its complementary color is #F6FBFF. Triadic partners are #F0FEFF and #FFF7FF; analogous neighbours are #FAFCF1 and #FFF8F2.

What are the OKLCH and RGB values of Floral White?

Floral White is #FFFAF0 - OKLCH 0.986 0.014 85°, rgb(255 250 240), in the neutral family.