Tailwind 4 Purple

oklch(.291 .149 302.717)

#3c0366

rgb(60, 3, 102)

hsl(274.32, 94.3%, 20.66%)

purple-950

oklch(.381 .176 304.987)

#59168b

rgb(89, 22, 139)

hsl(274.52, 72.39%, 31.62%)

purple-900

oklch(.438 .218 303.724)

#6e11b0

rgb(110, 17, 176)

hsl(274.93, 82.4%, 37.87%)

purple-800

oklch(.496 .265 301.924)

#8200db

rgb(130, 0, 219)

hsl(276.41, 100%, 41.55%)

purple-700

oklch(.558 .288 302.321)

#9810fa

rgb(152, 16, 250)

hsl(274.91, 96.1%, 52.15%)

purple-600

oklch(.627 .265 303.9)

#ad46ff

rgb(173, 70, 255)

hsl(272.11, 100%, 65.15%)

purple-500

oklch(.714 .203 305.504)

#c27aff

rgb(194, 122, 255)

hsl(270.72, 100%, 75.3%)

purple-400

oklch(.827 .119 306.383)

#dab2ff

rgb(218, 178, 255)

hsl(269.4, 100%, 85.76%)

purple-300

oklch(.902 .063 306.703)

#e9d4ff

rgb(233, 212, 255)

hsl(268.62, 100%, 91.9%)

purple-200

oklch(.946 .033 307.174)

#f3e8ff

rgb(243, 232, 255)

hsl(268.7, 99.95%, 95.45%)

purple-100

oklch(.977 .014 308.299)

#faf5ff

rgb(250, 245, 255)

hsl(270, 98.85%, 98.04%)

purple-50