Tailwind 4 Rose

oklch(.271 .105 12.094)

#4d0218

rgb(77, 2, 24)

hsl(342.26, 94.35%, 15.6%)

rose-950

oklch(.41 .159 10.272)

#8b0836

rgb(139, 8, 54)

hsl(338.93, 89.54%, 28.73%)

rose-900

oklch(.455 .188 13.697)

#a50036

rgb(165, 0, 54)

hsl(337.65, 100%, 30%)

rose-800

oklch(.514 .222 16.935)

#c70036

rgb(199, 0, 54)

hsl(338.15, 100%, 33.19%)

rose-700

oklch(.586 .253 17.585)

#ec003f

rgb(236, 0, 63)

hsl(338.01, 100%, 39.17%)

rose-600

oklch(.645 .246 16.439)

#ff2056

rgb(255, 32, 86)

hsl(345.36, 100%, 56.4%)

rose-500

oklch(.712 .194 13.428)

#ff637e

rgb(255, 99, 126)

hsl(349.91, 100%, 70.25%)

rose-400

oklch(.81 .117 11.638)

#ffa1ad

rgb(255, 161, 173)

hsl(352.25, 100%, 82.19%)

rose-300

oklch(.892 .058 10.001)

#ffccd3

rgb(255, 204, 211)

hsl(352.6, 100%, 90.07%)

rose-200

oklch(.941 .03 12.58)

#ffe4e6

rgb(255, 228, 230)

hsl(355.55, 100%, 94.67%)

rose-100

oklch(.969 .015 12.422)

#fff1f2

rgb(255, 241, 242)

hsl(355.72, 96.53%, 97.19%)

rose-50