UI Shades

A study in orange

Light Salmon

#FFA07A

Family
Orange
L
0.794
C
0.125
H
42°

Notes

Light Salmon is a pale, warm pink-orange that sits between Peach Puff and Salmon. The CSS hex reads as a gentle, sunlit pink and works in beauty, wellness, and editorial palettes. Pair with cream for a quieter palette, or with deep teal for unexpected contrast. It is too pale to function as text against white but works well as a background or large surface color. The warm undertone keeps it from feeling clinical against neutral grays. Body text contrast against white fails AA at every size, so the surface needs dark text overlays.

#ffa07a
Light Salmon
Light Salmon
#ffa07a
oklch(0.794 0.125 42.42)
rgb(255 160 122)
hsl(17.1 100% 73.9%)
Share
#fff5ee
#ffece0
#ffd8c3
#ffbfa1
#ffa07a
#cc6d46
#b1552d
#96411b
#702c0c
#4f1b03
#2c0b01

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 Salmon

Cross-reference
Q&A

Frequently asked questions

What is Light Salmon?

Light Salmon is a pale, warm pink-orange that sits between Peach Puff and Salmon. The CSS hex reads as a gentle, sunlit pink and works in beauty, wellness, and editorial palettes. Its hex code is #FFA07A.

What are the tints and shades of Light Salmon?

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

Its complementary color is #4BCDF5. Triadic partners are #66D5A4 and #B0B1FF; analogous neighbours are #EDAE5A and #FF99A6.

What are the OKLCH and RGB values of Light Salmon?

Light Salmon is #FFA07A - OKLCH 0.794 0.125 42°, rgb(255 160 122), in the orange family.