Tailwind 4 Violet

oklch(.283 .141 291.089)

#2f0d68

rgb(47, 13, 104)

hsl(262.22, 77.74%, 22.86%)

violet-950

oklch(.38 .189 293.745)

#4d179a

rgb(77, 23, 154)

hsl(264.88, 74.27%, 34.64%)

violet-900

oklch(.432 .232 292.759)

#5d0ec0

rgb(93, 14, 192)

hsl(266.64, 86.27%, 40.44%)

violet-800

oklch(.491 .27 292.581)

#7008e7

rgb(112, 8, 231)

hsl(268, 93.3%, 46.89%)

violet-700

oklch(.541 .281 293.009)

#7f22fe

rgb(127, 34, 254)

hsl(265.48, 99.08%, 56.49%)

violet-600

oklch(.606 .25 292.717)

#8e51ff

rgb(142, 81, 255)

hsl(260.11, 100%, 67.29%)

violet-500

oklch(.702 .183 293.541)

#a684ff

rgb(166, 132, 255)

hsl(256.16, 100%, 76.89%)

violet-400

oklch(.811 .111 293.571)

#c4b4ff

rgb(196, 180, 255)

hsl(252.81, 100%, 85.88%)

violet-300

oklch(.894 .057 293.283)

#ddd6ff

rgb(221, 214, 255)

hsl(250.56, 100%, 91.93%)

violet-200

oklch(.943 .029 294.588)

#ede9fe

rgb(237, 233, 254)

hsl(251.44, 93.48%, 95.5%)

violet-100

oklch(.969 .016 293.756)

#f5f3ff

rgb(245, 243, 255)

hsl(250, 98.59%, 97.62%)

violet-50