UI Shades

A study in gray

Tailwind Stone 600

#57534D

Family
Gray
L
0.444
C
0.011
H
78°

Notes

Stone 600 is the warm grey of weathered limestone, with just enough brown undertone to pair cleanly with terracotta and brass without colour clash. Editorial and hospitality brands (magazines like Cereal and hotel chains like Ace) use tones in this band for body copy because the warmth softens long-form reading in a way cool greys cannot. A Tailwind Stone 50 surface with any warm accent in the orange-to-rose band rounds the palette out. Body text against white passes AAA at every standard size, making Stone 600 a confident copy colour for warm-palette designs where Slate or Gray would read as too clinical.

#57534d
Tailwind Stone 600
Tailwind Stone 600
#57534d
oklch(0.444 0.011 78.21)
rgb(87 83 77)
hsl(36 6.1% 32.2%)
Share
#fbfaf8
#f5f4f1
#e7e5e1
#d8d4ce
#b8b3ad
#8f8b84
#77726c
#57534d
#46433e
#2f2d29
#181715

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 600

Cross-reference
Q&A

Frequently asked questions

What is Tailwind Stone 600?

Stone 600 is the warm grey of weathered limestone, with just enough brown undertone to pair cleanly with terracotta and brass without colour clash. Editorial and hospitality brands (magazines like Cereal and hotel chains like Ace) use tones in this band for body copy because the warmth softens long-form reading in a way cool greys cannot. Its hex code is #57534D.

What are the tints and shades of Tailwind Stone 600?

uishades builds an 11-step OKLCH ramp for Tailwind Stone 600 (#57534D) - 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 600?

Its complementary color is #50545A. Triadic partners are #4D5656 and #565258; analogous neighbours are #54544D and #59524E.

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

Tailwind Stone 600 is #57534D - OKLCH 0.444 0.011 78°, rgb(87 83 77), in the gray family.