UI Shades

A study in red

Tailwind Rose 600

#E60045

Family
Red
L
0.587
C
0.235
H
17°

Notes

Rose 600 is the cooler, more grown-up sibling of the framework's Pink 600 - pulled slightly toward red and away from magenta, the colour Aesop and Glossier both have palette entries adjacent to. The Tailwind hex is dark enough to function as body type against white, which the lighter rose stops cannot do. Cosmetics, hospitality, and editorial brands use tones in this band when they need a pink that reads as adult rather than playful. A deep teal accent builds a complementary palette; warm cream produces a softer surface. Body text against white passes AA at body sizes.

#e60045
Tailwind Rose 600
Tailwind Rose 600
#e60045
oklch(0.587 0.235 17.49)
rgb(230 0 69)
hsl(342 100% 45.1%)
Share
#fff3f3
#ffeaeb
#ffd5d6
#ffbcbe
#ff858e
#f92a54
#e60045
#b7002e
#88001e
#600011
#390005

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

Cross-reference
Q&A

Frequently asked questions

What is Tailwind Rose 600?

Rose 600 is the cooler, more grown-up sibling of the framework's Pink 600 - pulled slightly toward red and away from magenta, the colour Aesop and Glossier both have palette entries adjacent to. The Tailwind hex is dark enough to function as body type against white, which the lighter rose stops cannot do. Its hex code is #E60045.

What are the tints and shades of Tailwind Rose 600?

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

Its complementary color is #009195. Triadic partners are #2D9500 and #0072FF; analogous neighbours are #CF4C00 and #D51B95.

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

Tailwind Rose 600 is #E60045 - OKLCH 0.587 0.235 17°, rgb(230 0 69), in the red family.