UI Shades

A study in gray

Tailwind Stone 500

#79716B

Family
Gray
L
0.554
C
0.014
H
59°

Notes

Tailwind Stone 500 anchors the framework's stone ramp at mid-light. The hex carries a slight yellow undertone that distinguishes it from cooler neutrals like Slate or Zinc at the same stop. It handles secondary type, borders, and disabled-state surfaces in editorial, hospitality, or heritage products. The warm cast pairs especially well with terracotta and brass for accents and with cream surfaces. Body text contrast against white passes AA at standard body sizes; AAA holds only at sizes 18px and above for de-emphasized text and small label use.

#79716b
Tailwind Stone 500
Tailwind Stone 500
#79716b
oklch(0.554 0.014 59.4)
rgb(121 113 107)
hsl(25.7 6.1% 44.7%)
Share
#fbfaf8
#f6f3f1
#e9e4e0
#dad3cd
#bbb2ac
#928983
#79716b
#645d57
#48423e
#312c29
#191714

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 Tailwind Stone 500

Cross-reference
Q&A

Frequently asked questions

What is Tailwind Stone 500?

Tailwind Stone 500 anchors the framework's stone ramp at mid-light. The hex carries a slight yellow undertone that distinguishes it from cooler neutrals like Slate or Zinc at the same stop. Its hex code is #79716B.

What are the tints and shades of Tailwind Stone 500?

uishades builds an 11-step OKLCH ramp for Tailwind Stone 500 (#79716B) - 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 Tailwind Stone 500?

Its complementary color is #6C747A. Triadic partners are #6B7573 and #74717A; analogous neighbours are #76726A and #7A706E.

What are the OKLCH and RGB values of Tailwind Stone 500?

Tailwind Stone 500 is #79716B - OKLCH 0.554 0.014 59°, rgb(121 113 107), in the gray family.