red
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
orange
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
amber
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
yellow
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
lime
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
green
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
emerald
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
teal
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
cyan
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
sky
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
blue
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
indigo
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
violet
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
purple
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
fuchsia
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
pink
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
rose
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
stone
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
neutral
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
zinc
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
gray
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
slate
950
900
850
800
750
700
650
600
550
500
450
400
350
300
250
200
150
100
50
Copy
HEX
RGB
HSL
Tailwind Class
🧑🎨 Click-to-copy to clipboard
npm install tailwind-x50-colors
Credits ✨