UI Shades

A study in orange

Peach Puff

#FFDAB9

Family
Orange
L
0.911
C
0.060
H
64°

Notes

Peach Puff is the pale, warm pink-orange of a ripe peach skin. The CSS hex sits between Bisque and Light Salmon, with low chroma and a sunny undertone. Beauty, wellness, and editorial brands use it as a quiet background or secondary surface. Pair with deep teal for type, or with warm brown for a softer secondary accent. As a UI element it works as a panel background for cosmetic product cards; against white it provides reasonable separation but is too pale for body text. Body text contrast fails AA at every size - surface tone only.

#ffdab9
Peach Puff
Peach Puff
#ffdab9
oklch(0.911 0.06 63.7)
rgb(255 218 185)
hsl(28.3 100% 86.3%)
Share
#fff8ed
#fff0de
#ffdab9
#fec898
#e3a66c
#b97c3e
#9f6323
#864f0d
#633800
#452400
#261100

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 Peach Puff

Cross-reference
Q&A

Frequently asked questions

What is Peach Puff?

Peach Puff is the pale, warm pink-orange of a ripe peach skin. The CSS hex sits between Bisque and Light Salmon, with low chroma and a sunny undertone. Its hex code is #FFDAB9.

What are the tints and shades of Peach Puff?

uishades builds an 11-step OKLCH ramp for Peach Puff (#FFDAB9) - 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 Peach Puff?

Its complementary color is #C1E7FF. Triadic partners are #B6EFE6 and #EAD9FF; analogous neighbours are #EFE2B5 and #FFD4C8.

What are the OKLCH and RGB values of Peach Puff?

Peach Puff is #FFDAB9 - OKLCH 0.911 0.060 64°, rgb(255 218 185), in the orange family.