UI Shades

A study in blue

Tailwind Gray 600

#4A5565

Family
Blue
L
0.446
C
0.030
H
258°

Notes

Gray 600 is Tailwind's workhorse body-type colour for any product that wants to feel calm and current - the value Linear, Vercel's marketing site, and Cal.com all sit within a few delta-E units of for their default body copy. The cool undertone keeps it from feeling aged compared to warmer Stone or Zinc alternatives. Body text against white passes AAA at every standard size, which is the property that makes it the default copy colour in so many modern design systems. The slight blue cast plays well with cool and warm chromatic accents alike.

#4a5565
Tailwind Gray 600
Tailwind Gray 600
#4a5565
oklch(0.446 0.03 257.68)
rgb(74 85 101)
hsl(215.6 15.4% 34.3%)
Share
#f8fafe
#f0f4fb
#dee6f1
#cad5e5
#a9b5c8
#808c9f
#687486
#4a5565
#3b4451
#272e38
#13171e

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 Gray 600

Cross-reference
Q&A

Frequently asked questions

What is Tailwind Gray 600?

Gray 600 is Tailwind's workhorse body-type colour for any product that wants to feel calm and current - the value Linear, Vercel's marketing site, and Cal.com all sit within a few delta-E units of for their default body copy. The cool undertone keeps it from feeling aged compared to warmer Stone or Zinc alternatives. Its hex code is #4A5565.

What are the tints and shades of Tailwind Gray 600?

uishades builds an 11-step OKLCH ramp for Tailwind Gray 600 (#4A5565) - 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 Gray 600?

Its complementary color is #5E5242. Triadic partners are #644E4E and #4C5848; analogous neighbours are #535264 and #435861.

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

Tailwind Gray 600 is #4A5565 - OKLCH 0.446 0.030 258°, rgb(74 85 101), in the blue family.