UI Shades

A study in orange

Sandy Brown

#F4A460

Family
Orange
L
0.784
C
0.127
H
60°

Notes

Sandy Brown is the warm orange-tan of dry beach sand at midday, brighter than Burlywood and lighter than Peru. The CSS value comes from the X11 list and was probably eyeballed rather than measured; it sits exactly where the tone reads on a calibrated display. Travel brands and surf shops have used surfaces in this band for catalogue work for decades because the warmth conjures coastline without needing imagery to support it. Pair it with deep teal #0f766e for type - the complementary tension produces a maritime palette that avoids the obvious blue-and-white. Body text against white passes AA only at sizes 18px and above.

#f4a460
Sandy Brown
Sandy Brown
#f4a460
oklch(0.784 0.127 59.71)
rgb(244 164 96)
hsl(27.6 87.1% 66.7%)
Share
#fff7ea
#ffefda
#ffdab5
#ffc48c
#f4a460
#c57527
#aa5c00
#904800
#6b3200
#4b1f00
#2a0e00

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 Sandy Brown

Cross-reference
Q&A

Frequently asked questions

What is Sandy Brown?

Sandy Brown is the warm orange-tan of dry beach sand at midday, brighter than Burlywood and lighter than Peru. The CSS value comes from the X11 list and was probably eyeballed rather than measured; it sits exactly where the tone reads on a calibrated display. Its hex code is #F4A460.

What are the tints and shades of Sandy Brown?

uishades builds an 11-step OKLCH ramp for Sandy Brown (#F4A460) - 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 Sandy Brown?

Its complementary color is #63C3FF. Triadic partners are #3FD3BB and #C5A6FE; analogous neighbours are #D8B44E and #FF9888.

What are the OKLCH and RGB values of Sandy Brown?

Sandy Brown is #F4A460 - OKLCH 0.784 0.127 60°, rgb(244 164 96), in the orange family.