A study in indigo
Tailwind Violet 600
#7F22FE
- Family
- Indigo
- L
- 0.540
- C
- 0.281
- H
- 293°
Notes
Violet 600 is the colour Linear uses for its primary brand accent, and Notion sits within a few delta-E units of the same hex on its workspace icon. Tailwind's value pulls slightly bluer than Purple 600 and reads as more technical, less regal. It works as a primary identity colour for productivity tools or as a hover state above Violet 500 buttons. A warm cream surface handles editorial layouts; chartreuse pulls the palette toward poster-shop territory. Body text against white passes AA at body sizes and AAA at 16px and above, which makes Violet 600 safe for primary copy.
Palette built around Tailwind Violet 600
Related colors
Frequently asked questions
What is Tailwind Violet 600?
Violet 600 is the colour Linear uses for its primary brand accent, and Notion sits within a few delta-E units of the same hex on its workspace icon. Tailwind's value pulls slightly bluer than Purple 600 and reads as more technical, less regal. Its hex code is #7F22FE.
What are the tints and shades of Tailwind Violet 600?
uishades builds an 11-step OKLCH ramp for Tailwind Violet 600 (#7F22FE) - 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 Violet 600?
Its complementary color is #717600. Triadic partners are #B34C00 and #008568; analogous neighbours are #B300C8 and #0052FF.
What are the OKLCH and RGB values of Tailwind Violet 600?
Tailwind Violet 600 is #7F22FE - OKLCH 0.540 0.281 293°, rgb(127 34 254), in the indigo family.