Tailwind 4 Orange

11 Colors
950

oklch(.266 .079 36.259)

#441306

rgb(68, 19, 6)

hsl(12.88, 84.81%, 14.42%)

orange-950

900

oklch(.408 .123 38.172)

#7e2a0c

rgb(126, 42, 12)

hsl(15.99, 83.12%, 27.04%)

orange-900

800

oklch(.47 .157 37.304)

#9f2d00

rgb(159, 45, 0)

hsl(17.27, 100%, 31.01%)

orange-800

700

oklch(.553 .195 38.402)

#ca3500

rgb(202, 53, 0)

hsl(20.51, 100%, 34.78%)

orange-700

600

oklch(.646 .222 41.116)

#f54900

rgb(245, 73, 0)

hsl(23.81, 100%, 40.32%)

orange-600

500

oklch(.705 .213 47.604)

#ff6900

rgb(255, 105, 0)

hsl(29.2, 100%, 42.64%)

orange-500

400

oklch(.75 .183 55.934)

#ff8904

rgb(255, 137, 4)

hsl(31.43, 100%, 51.32%)

orange-400

300

oklch(.837 .128 66.29)

#ffb86a

rgb(255, 184, 106)

hsl(30.98, 100%, 71.25%)

orange-300

200

oklch(.901 .076 70.697)

#ffd6a7

rgb(255, 214, 167)

hsl(32.18, 100%, 82.86%)

orange-200

100

oklch(.954 .038 75.164)

#ffedd4

rgb(255, 237, 212)

hsl(34.29, 100%, 91.68%)

orange-100

50

oklch(.98 .016 73.684)

#fff7ed

rgb(255, 247, 237)

hsl(33.33, 100%, 96.51%)

orange-50