UI Shades

A study in brown

Indian Red

#CD5C5C

Family
Brown
L
0.615
C
0.144
H
22°

Notes

Indian Red is a muted, brick-toned red that takes its name from a historic pigment derived from iron-rich earth in South Asia, not from any depiction of people. The CSS hex sits at mid-lightness with moderate chroma, less aggressive than full red and more inviting than dark red. Heritage and craft brands use it as a primary accent. Pair with cream for a warmer palette, or with deep teal for unexpected contrast. Against white it carries enough contrast for buttons and headlines. Body text against white passes AA at sizes 18px and above; below that it falls below the threshold.

#cd5c5c
Indian Red
Indian Red
#cd5c5c
oklch(0.615 0.144 22.23)
rgb(205 92 92)
hsl(0 53.1% 58.2%)
Share
#fff4f2
#ffebe9
#ffd6d3
#ffbdb9
#ff8f8c
#cd5c5c
#b8494b
#9d3639
#752326
#531316
#2f0709

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 Indian Red

Cross-reference
Q&A

Frequently asked questions

What is Indian Red?

Indian Red is a muted, brick-toned red that takes its name from a historic pigment derived from iron-rich earth in South Asia, not from any depiction of people. The CSS hex sits at mid-lightness with moderate chroma, less aggressive than full red and more inviting than dark red. Its hex code is #CD5C5C.

What are the tints and shades of Indian Red?

uishades builds an 11-step OKLCH ramp for Indian Red (#CD5C5C) - 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 Indian Red?

Its complementary color is #009AA5. Triadic partners are #4B9A45 and #5482DB; analogous neighbours are #C66720 and #C45C8D.

What are the OKLCH and RGB values of Indian Red?

Indian Red is #CD5C5C - OKLCH 0.615 0.144 22°, rgb(205 92 92), in the brown family.