7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
|
# File 'lib/color_swatch_collection/tailwind/tailwind_v4.rb', line 7
def self.colours
[
{ name: 'red-50', hex: '#FEF2F2' },
{ name: 'red-100', hex: '#FEE1E1' },
{ name: 'red-200', hex: '#FFC9C9' },
{ name: 'red-300', hex: '#FFA1A2' },
{ name: 'red-400', hex: '#FF6366' },
{ name: 'red-500', hex: '#FA2B36' },
{ name: 'red-600', hex: '#E7000A' },
{ name: 'red-700', hex: '#C10007' },
{ name: 'red-800', hex: '#9E0711' },
{ name: 'red-900', hex: '#811719' },
{ name: 'red-950', hex: '#460808' },
{ name: 'orange-50', hex: '#FFF7EC' },
{ name: 'orange-100', hex: '#FFECD4' },
{ name: 'orange-200', hex: '#FFD6A7' },
{ name: 'orange-300', hex: '#FFB869' },
{ name: 'orange-400', hex: '#FF8803' },
{ name: 'orange-500', hex: '#FF6800' },
{ name: 'orange-600', hex: '#F44900' },
{ name: 'orange-700', hex: '#C93400' },
{ name: 'orange-800', hex: '#9F2D00' },
{ name: 'orange-900', hex: '#7E2A0B' },
{ name: 'orange-950', hex: '#431205' },
{ name: 'amber-50', hex: '#FFFBEA' },
{ name: 'amber-100', hex: '#FEF3C6' },
{ name: 'amber-200', hex: '#FDE585' },
{ name: 'amber-300', hex: '#FFD22F' },
{ name: 'amber-400', hex: '#FFB900' },
{ name: 'amber-500', hex: '#FD9900' },
{ name: 'amber-600', hex: '#E17100' },
{ name: 'amber-700', hex: '#BA4C00' },
{ name: 'amber-800', hex: '#963B00' },
{ name: 'amber-900', hex: '#7A3206' },
{ name: 'amber-950', hex: '#451901' },
{ name: 'yellow-50', hex: '#FDFBE8' },
{ name: 'yellow-100', hex: '#FEF9C1' },
{ name: 'yellow-200', hex: '#FEEF85' },
{ name: 'yellow-300', hex: '#FFDF20' },
{ name: 'yellow-400', hex: '#FDC700' },
{ name: 'yellow-500', hex: '#F0B000' },
{ name: 'yellow-600', hex: '#D08700' },
{ name: 'yellow-700', hex: '#A65F00' },
{ name: 'yellow-800', hex: '#884A00' },
{ name: 'yellow-900', hex: '#723D0A' },
{ name: 'yellow-950', hex: '#421F04' },
{ name: 'lime-50', hex: '#F7FEE7' },
{ name: 'lime-100', hex: '#EBFCCA' },
{ name: 'lime-200', hex: '#D8F998' },
{ name: 'lime-300', hex: '#BAF351' },
{ name: 'lime-400', hex: '#99E500' },
{ name: 'lime-500', hex: '#7CCE00' },
{ name: 'lime-600', hex: '#5EA500' },
{ name: 'lime-700', hex: '#487D00' },
{ name: 'lime-800', hex: '#3C6200' },
{ name: 'lime-900', hex: '#34530E' },
{ name: 'lime-950', hex: '#192E02' },
{ name: 'green-50', hex: '#F0FDF4' },
{ name: 'green-100', hex: '#DBFBE6' },
{ name: 'green-200', hex: '#B8F7CF' },
{ name: 'green-300', hex: '#7AF1A7' },
{ name: 'green-400', hex: '#05DF72' },
{ name: 'green-500', hex: '#00C850' },
{ name: 'green-600', hex: '#00A63D' },
{ name: 'green-700', hex: '#008235' },
{ name: 'green-800', hex: '#016630' },
{ name: 'green-900', hex: '#0D532B' },
{ name: 'green-950', hex: '#032E15' },
{ name: 'emerald-50', hex: '#EBFCF4' },
{ name: 'emerald-100', hex: '#D0FAE4' },
{ name: 'emerald-200', hex: '#A4F3CF' },
{ name: 'emerald-300', hex: '#5EE9B4' },
{ name: 'emerald-400', hex: '#00D491' },
{ name: 'emerald-500', hex: '#00BC7C' },
{ name: 'emerald-600', hex: '#009865' },
{ name: 'emerald-700', hex: '#007955' },
{ name: 'emerald-800', hex: '#006044' },
{ name: 'emerald-900', hex: '#004E3A' },
{ name: 'emerald-950', hex: '#002C21' },
{ name: 'teal-50', hex: '#F0FDFA' },
{ name: 'teal-100', hex: '#CBFBF1' },
{ name: 'teal-200', hex: '#95F6E4' },
{ name: 'teal-300', hex: '#46ECD4' },
{ name: 'teal-400', hex: '#00D4BD' },
{ name: 'teal-500', hex: '#00BBA6' },
{ name: 'teal-600', hex: '#009689' },
{ name: 'teal-700', hex: '#00776E' },
{ name: 'teal-800', hex: '#005F59' },
{ name: 'teal-900', hex: '#0A4E4A' },
{ name: 'teal-950', hex: '#022F2E' },
{ name: 'cyan-50', hex: '#EBFDFE' },
{ name: 'cyan-100', hex: '#CEFAFE' },
{ name: 'cyan-200', hex: '#A2F3FC' },
{ name: 'cyan-300', hex: '#53E9FC' },
{ name: 'cyan-400', hex: '#00D2F2' },
{ name: 'cyan-500', hex: '#00B8DA' },
{ name: 'cyan-600', hex: '#0092B8' },
{ name: 'cyan-700', hex: '#007594' },
{ name: 'cyan-800', hex: '#005E78' },
{ name: 'cyan-900', hex: '#104E64' },
{ name: 'cyan-950', hex: '#053344' },
{ name: 'sky-50', hex: '#EFF9FF' },
{ name: 'sky-100', hex: '#DFF1FE' },
{ name: 'sky-200', hex: '#B8E6FE' },
{ name: 'sky-300', hex: '#73D4FF' },
{ name: 'sky-400', hex: '#00BBFF' },
{ name: 'sky-500', hex: '#00A5F4' },
{ name: 'sky-600', hex: '#0084D1' },
{ name: 'sky-700', hex: '#0068A8' },
{ name: 'sky-800', hex: '#005889' },
{ name: 'sky-900', hex: '#014A70' },
{ name: 'sky-950', hex: '#052E4A' },
{ name: 'blue-50', hex: '#EEF5FE' },
{ name: 'blue-100', hex: '#DAEAFE' },
{ name: 'blue-200', hex: '#BDDAFF' },
{ name: 'blue-300', hex: '#8DC5FF' },
{ name: 'blue-400', hex: '#50A2FF' },
{ name: 'blue-500', hex: '#2B7FFF' },
{ name: 'blue-600', hex: '#155CFB' },
{ name: 'blue-700', hex: '#1347E5' },
{ name: 'blue-800', hex: '#193BB8' },
{ name: 'blue-900', hex: '#1B388E' },
{ name: 'blue-950', hex: '#162455' },
{ name: 'indigo-50', hex: '#EEF2FF' },
{ name: 'indigo-100', hex: '#DFE7FF' },
{ name: 'indigo-200', hex: '#C6D1FF' },
{ name: 'indigo-300', hex: '#A2B3FF' },
{ name: 'indigo-400', hex: '#7C86FF' },
{ name: 'indigo-500', hex: '#615EFF' },
{ name: 'indigo-600', hex: '#4F39F6' },
{ name: 'indigo-700', hex: '#432DD7' },
{ name: 'indigo-800', hex: '#3629AB' },
{ name: 'indigo-900', hex: '#302C85' },
{ name: 'indigo-950', hex: '#1D1A4C' },
{ name: 'violet-50', hex: '#F4F2FE' },
{ name: 'violet-100', hex: '#ECE8FE' },
{ name: 'violet-200', hex: '#DCD5FF' },
{ name: 'violet-300', hex: '#C4B3FF' },
{ name: 'violet-400', hex: '#A683FF' },
{ name: 'violet-500', hex: '#8D51FF' },
{ name: 'violet-600', hex: '#7F22FD' },
{ name: 'violet-700', hex: '#7008E7' },
{ name: 'violet-800', hex: '#5D0EC0' },
{ name: 'violet-900', hex: '#4D1699' },
{ name: 'violet-950', hex: '#2E0C67' },
{ name: 'purple-50', hex: '#FAF5FE' },
{ name: 'purple-100', hex: '#F2E7FE' },
{ name: 'purple-200', hex: '#E9D4FF' },
{ name: 'purple-300', hex: '#D9B1FF' },
{ name: 'purple-400', hex: '#C17AFF' },
{ name: 'purple-500', hex: '#AC46FF' },
{ name: 'purple-600', hex: '#980FFA' },
{ name: 'purple-700', hex: '#8200DA' },
{ name: 'purple-800', hex: '#6D10B0' },
{ name: 'purple-900', hex: '#59168B' },
{ name: 'purple-950', hex: '#3B0366' },
{ name: 'fuchsia-50', hex: '#FCF3FE' },
{ name: 'fuchsia-100', hex: '#FAE7FF' },
{ name: 'fuchsia-200', hex: '#F5CFFF' },
{ name: 'fuchsia-300', hex: '#F3A7FF' },
{ name: 'fuchsia-400', hex: '#ED6AFF' },
{ name: 'fuchsia-500', hex: '#E12AFB' },
{ name: 'fuchsia-600', hex: '#C700DE' },
{ name: 'fuchsia-700', hex: '#A700B7' },
{ name: 'fuchsia-800', hex: '#8A0194' },
{ name: 'fuchsia-900', hex: '#721377' },
{ name: 'fuchsia-950', hex: '#4A004F' },
{ name: 'pink-50', hex: '#FCF1F7' },
{ name: 'pink-100', hex: '#FCE6F3' },
{ name: 'pink-200', hex: '#FBCEE8' },
{ name: 'pink-300', hex: '#FDA4D5' },
{ name: 'pink-400', hex: '#FB63B6' },
{ name: 'pink-500', hex: '#F6329A' },
{ name: 'pink-600', hex: '#E50076' },
{ name: 'pink-700', hex: '#C6005B' },
{ name: 'pink-800', hex: '#A2004C' },
{ name: 'pink-900', hex: '#851042' },
{ name: 'pink-950', hex: '#510323' },
{ name: 'rose-50', hex: '#FEF0F1' },
{ name: 'rose-100', hex: '#FFE3E5' },
{ name: 'rose-200', hex: '#FFCCD2' },
{ name: 'rose-300', hex: '#FFA0AD' },
{ name: 'rose-400', hex: '#FF637E' },
{ name: 'rose-500', hex: '#FF1F56' },
{ name: 'rose-600', hex: '#EC003F' },
{ name: 'rose-700', hex: '#C60035' },
{ name: 'rose-800', hex: '#A40035' },
{ name: 'rose-900', hex: '#8A0735' },
{ name: 'rose-950', hex: '#4D0218' },
{ name: 'slate-50', hex: '#F8F9FB' },
{ name: 'slate-100', hex: '#F0F4F9' },
{ name: 'slate-200', hex: '#E1E8F0' },
{ name: 'slate-300', hex: '#CAD5E2' },
{ name: 'slate-400', hex: '#90A1B8' },
{ name: 'slate-500', hex: '#61738D' },
{ name: 'slate-600', hex: '#45556C' },
{ name: 'slate-700', hex: '#314157' },
{ name: 'slate-800', hex: '#1C283C' },
{ name: 'slate-900', hex: '#0E162B' },
{ name: 'slate-950', hex: '#010517' },
{ name: 'gray-50', hex: '#F8FAFB' },
{ name: 'gray-100', hex: '#F2F4F6' },
{ name: 'gray-200', hex: '#E5E7EB' },
{ name: 'gray-300', hex: '#D0D5DB' },
{ name: 'gray-400', hex: '#99A1AE' },
{ name: 'gray-500', hex: '#697282' },
{ name: 'gray-600', hex: '#495565' },
{ name: 'gray-700', hex: '#354152' },
{ name: 'gray-800', hex: '#1D2838' },
{ name: 'gray-900', hex: '#101727' },
{ name: 'gray-950', hex: '#020712' },
{ name: 'zinc-50', hex: '#F9F9F9' },
{ name: 'zinc-100', hex: '#F3F3F4' },
{ name: 'zinc-200', hex: '#E4E4E7' },
{ name: 'zinc-300', hex: '#D3D3D8' },
{ name: 'zinc-400', hex: '#9E9EA9' },
{ name: 'zinc-500', hex: '#70707B' },
{ name: 'zinc-600', hex: '#51515C' },
{ name: 'zinc-700', hex: '#3E3E46' },
{ name: 'zinc-800', hex: '#26262A' },
{ name: 'zinc-900', hex: '#17171A' },
{ name: 'zinc-950', hex: '#09090B' },
{ name: 'neutral-50', hex: '#F9F9F9' },
{ name: 'neutral-100', hex: '#F4F4F4' },
{ name: 'neutral-200', hex: '#E5E5E5' },
{ name: 'neutral-300', hex: '#D4D4D4' },
{ name: 'neutral-400', hex: '#A0A0A0' },
{ name: 'neutral-500', hex: '#737373' },
{ name: 'neutral-600', hex: '#525252' },
{ name: 'neutral-700', hex: '#3F3F3F' },
{ name: 'neutral-800', hex: '#262626' },
{ name: 'neutral-900', hex: '#171717' },
{ name: 'neutral-950', hex: '#0A0A0A' },
{ name: 'stone-50', hex: '#FAFAF9' },
{ name: 'stone-100', hex: '#F5F5F4' },
{ name: 'stone-200', hex: '#E7E4E3' },
{ name: 'stone-300', hex: '#D6D3D0' },
{ name: 'stone-400', hex: '#A69F9B' },
{ name: 'stone-500', hex: '#78706B' },
{ name: 'stone-600', hex: '#57524D' },
{ name: 'stone-700', hex: '#443F3B' },
{ name: 'stone-800', hex: '#292423' },
{ name: 'stone-900', hex: '#1B1817' },
{ name: 'stone-950', hex: '#0B0A09' }
]
end
|