ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
Tailwind PaletteSemantic tokens
2
NameValuePreview 🔒NameValuePreview 🔒
3
gray-100#f7fafc
primaryindigo-700
4
gray-200#edf2f7
successgreen-500
5
gray-300#e2e8f0
errorred-500
6
gray-400#cbd5e0
text-primarygray-800
7
gray-500#a0aec0
text-secondarygray-400
8
gray-600#718096
9
gray-700#4a5568
10
gray-800#2d3748
11
gray-900#1a202c
12
red-100#fff5f5
13
red-200#fed7d7
14
red-300#feb2b2
15
red-400#fc8181
16
red-500#f56565
17
red-600#e53e3e
18
red-700#c53030
19
red-800#9b2c2c
20
red-900#742a2a
21
orange-100#fffaf0
22
orange-200#feebc8
23
orange-300#fbd38d
24
orange-400#f6ad55
25
orange-500#ed8936
26
orange-600#dd6b20
27
orange-700#c05621
28
orange-800#9c4221
29
orange-900#7b341e
30
yellow-100#fffff0
31
yellow-200#fefcbf
32
yellow-300#faf089
33
yellow-400#f6e05e
34
yellow-500#ecc94b
35
yellow-600#d69e2e
36
yellow-700#b7791f
37
yellow-800#975a16
38
yellow-900#744210
39
green-100#f0fff4
40
green-200#c6f6d5
41
green-300#9ae6b4
42
green-400#68d391
43
green-500#48bb78
44
green-600#38a169
45
green-700#2f855a
46
green-800#276749
47
green-900#22543d
48
teal-100#e6fffa
49
teal-200#b2f5ea
50
teal-300#81e6d9
51
teal-400#4fd1c5
52
teal-500#38b2ac
53
teal-600#319795
54
teal-700#2c7a7b
55
teal-800#285e61
56
teal-900#234e52
57
blue-100#ebf8ff
58
blue-200#bee3f8
59
blue-300#90cdf4
60
blue-400#63b3ed
61
blue-500#4299e1
62
blue-600#3182ce
63
blue-700#2b6cb0
64
blue-800#2c5282
65
blue-900#2a4365
66
indigo-100#ebf4ff
67
indigo-200#c3dafe
68
indigo-300#a3bffa
69
indigo-400#7f9cf5
70
indigo-500#667eea
71
indigo-600#5a67d8
72
indigo-700#4c51bf
73
indigo-800#434190
74
indigo-900#3c366b
75
purple-100#faf5ff
76
purple-200#e9d8fd
77
purple-300#d6bcfa
78
purple-400#b794f4
79
purple-500#9f7aea
80
purple-600#805ad5
81
purple-700#6b46c1
82
purple-800#553c9a
83
purple-900#44337a
84
pink-100#fff5f7
85
pink-200#fed7e2
86
pink-300#fbb6ce
87
pink-400#f687b3
88
pink-500#ed64a6
89
pink-600#d53f8c
90
pink-700#b83280
91
pink-800#97266d
92
pink-900#702459
93
94
95
96
97
98
99
100