tailwind-color-mapper
Version:
OKLCH-first Tailwind color mapping utilities with comprehensive format support
4,075 lines (4,074 loc) • 69 kB
JavaScript
'use strict';
var red = {
"red-50": {
hex: "#fef2f2",
rgb: "rgb(254, 242, 242)",
hsl: "hsl(0, 86%, 97%)",
oklch: "oklch(0.971 0.013 17.38)",
rawRgb: [
254,
242,
242
],
rawHsl: [
0,
86,
97
],
rawOklch: [
0.971,
0.013,
17.38
]
},
"red-100": {
hex: "#ffe2e2",
rgb: "rgb(255, 226, 226)",
hsl: "hsl(0, 100%, 94%)",
oklch: "oklch(0.936 0.032 17.717)",
rawRgb: [
255,
226,
226
],
rawHsl: [
0,
100,
94
],
rawOklch: [
0.936,
0.032,
17.717
]
},
"red-200": {
hex: "#ffc9c9",
rgb: "rgb(255, 201, 201)",
hsl: "hsl(0, 100%, 89%)",
oklch: "oklch(0.885 0.062 18.334)",
rawRgb: [
255,
201,
201
],
rawHsl: [
0,
100,
89
],
rawOklch: [
0.885,
0.062,
18.334
]
},
"red-300": {
hex: "#ffa2a2",
rgb: "rgb(255, 162, 162)",
hsl: "hsl(0, 100%, 82%)",
oklch: "oklch(0.808 0.114 19.571)",
rawRgb: [
255,
162,
162
],
rawHsl: [
0,
100,
82
],
rawOklch: [
0.808,
0.114,
19.571
]
},
"red-400": {
hex: "#ff6467",
rgb: "rgb(255, 100, 103)",
hsl: "hsl(359, 100%, 70%)",
oklch: "oklch(0.704 0.191 22.216)",
rawRgb: [
255,
100,
103
],
rawHsl: [
359,
100,
70
],
rawOklch: [
0.704,
0.191,
22.216
]
},
"red-500": {
hex: "#fb2c36",
rgb: "rgb(251, 44, 54)",
hsl: "hsl(357, 96%, 58%)",
oklch: "oklch(0.637 0.237 25.331)",
rawRgb: [
251,
44,
54
],
rawHsl: [
357,
96,
58
],
rawOklch: [
0.637,
0.237,
25.331
]
},
"red-600": {
hex: "#e7000b",
rgb: "rgb(231, 0, 11)",
hsl: "hsl(357, 100%, 45%)",
oklch: "oklch(0.577 0.245 27.325)",
rawRgb: [
231,
0,
11
],
rawHsl: [
357,
100,
45
],
rawOklch: [
0.577,
0.245,
27.325
]
},
"red-700": {
hex: "#c10007",
rgb: "rgb(193, 0, 7)",
hsl: "hsl(358, 100%, 38%)",
oklch: "oklch(0.505 0.213 27.518)",
rawRgb: [
193,
0,
7
],
rawHsl: [
358,
100,
38
],
rawOklch: [
0.505,
0.213,
27.518
]
},
"red-800": {
hex: "#9f0712",
rgb: "rgb(159, 7, 18)",
hsl: "hsl(356, 92%, 33%)",
oklch: "oklch(0.444 0.177 26.899)",
rawRgb: [
159,
7,
18
],
rawHsl: [
356,
92,
33
],
rawOklch: [
0.444,
0.177,
26.899
]
},
"red-900": {
hex: "#82181a",
rgb: "rgb(130, 24, 26)",
hsl: "hsl(359, 69%, 30%)",
oklch: "oklch(0.396 0.141 25.723)",
rawRgb: [
130,
24,
26
],
rawHsl: [
359,
69,
30
],
rawOklch: [
0.396,
0.141,
25.723
]
},
"red-950": {
hex: "#460809",
rgb: "rgb(70, 8, 9)",
hsl: "hsl(359, 79%, 15%)",
oklch: "oklch(0.258 0.092 26.042)",
rawRgb: [
70,
8,
9
],
rawHsl: [
359,
79,
15
],
rawOklch: [
0.258,
0.092,
26.042
]
}
};
var orange = {
"orange-50": {
hex: "#fff7ed",
rgb: "rgb(255, 247, 237)",
hsl: "hsl(33, 100%, 96%)",
oklch: "oklch(0.98 0.016 73.684)",
rawRgb: [
255,
247,
237
],
rawHsl: [
33,
100,
96
],
rawOklch: [
0.98,
0.016,
73.684
]
},
"orange-100": {
hex: "#ffedd4",
rgb: "rgb(255, 237, 212)",
hsl: "hsl(35, 100%, 92%)",
oklch: "oklch(0.954 0.038 75.164)",
rawRgb: [
255,
237,
212
],
rawHsl: [
35,
100,
92
],
rawOklch: [
0.954,
0.038,
75.164
]
},
"orange-200": {
hex: "#ffd6a7",
rgb: "rgb(255, 214, 167)",
hsl: "hsl(32, 100%, 83%)",
oklch: "oklch(0.901 0.076 70.697)",
rawRgb: [
255,
214,
167
],
rawHsl: [
32,
100,
83
],
rawOklch: [
0.901,
0.076,
70.697
]
},
"orange-300": {
hex: "#ffb86a",
rgb: "rgb(255, 184, 106)",
hsl: "hsl(31, 100%, 71%)",
oklch: "oklch(0.837 0.128 66.29)",
rawRgb: [
255,
184,
106
],
rawHsl: [
31,
100,
71
],
rawOklch: [
0.837,
0.128,
66.29
]
},
"orange-400": {
hex: "#ff8904",
rgb: "rgb(255, 137, 4)",
hsl: "hsl(32, 100%, 51%)",
oklch: "oklch(0.75 0.183 55.934)",
rawRgb: [
255,
137,
4
],
rawHsl: [
32,
100,
51
],
rawOklch: [
0.75,
0.183,
55.934
]
},
"orange-500": {
hex: "#ff6900",
rgb: "rgb(255, 105, 0)",
hsl: "hsl(25, 100%, 50%)",
oklch: "oklch(0.705 0.213 47.604)",
rawRgb: [
255,
105,
0
],
rawHsl: [
25,
100,
50
],
rawOklch: [
0.705,
0.213,
47.604
]
},
"orange-600": {
hex: "#f54900",
rgb: "rgb(245, 73, 0)",
hsl: "hsl(18, 100%, 48%)",
oklch: "oklch(0.646 0.222 41.116)",
rawRgb: [
245,
73,
0
],
rawHsl: [
18,
100,
48
],
rawOklch: [
0.646,
0.222,
41.116
]
},
"orange-700": {
hex: "#ca3500",
rgb: "rgb(202, 53, 0)",
hsl: "hsl(16, 100%, 40%)",
oklch: "oklch(0.553 0.195 38.402)",
rawRgb: [
202,
53,
0
],
rawHsl: [
16,
100,
40
],
rawOklch: [
0.553,
0.195,
38.402
]
},
"orange-800": {
hex: "#9f2d00",
rgb: "rgb(159, 45, 0)",
hsl: "hsl(17, 100%, 31%)",
oklch: "oklch(0.47 0.157 37.304)",
rawRgb: [
159,
45,
0
],
rawHsl: [
17,
100,
31
],
rawOklch: [
0.47,
0.157,
37.304
]
},
"orange-900": {
hex: "#7e2a0c",
rgb: "rgb(126, 42, 12)",
hsl: "hsl(16, 83%, 27%)",
oklch: "oklch(0.408 0.123 38.172)",
rawRgb: [
126,
42,
12
],
rawHsl: [
16,
83,
27
],
rawOklch: [
0.408,
0.123,
38.172
]
},
"orange-950": {
hex: "#441306",
rgb: "rgb(68, 19, 6)",
hsl: "hsl(13, 84%, 15%)",
oklch: "oklch(0.266 0.079 36.259)",
rawRgb: [
68,
19,
6
],
rawHsl: [
13,
84,
15
],
rawOklch: [
0.266,
0.079,
36.259
]
}
};
var amber = {
"amber-50": {
hex: "#fffbeb",
rgb: "rgb(255, 251, 235)",
hsl: "hsl(48, 100%, 96%)",
oklch: "oklch(0.987 0.022 95.277)",
rawRgb: [
255,
251,
235
],
rawHsl: [
48,
100,
96
],
rawOklch: [
0.987,
0.022,
95.277
]
},
"amber-100": {
hex: "#fef3c6",
rgb: "rgb(254, 243, 198)",
hsl: "hsl(48, 97%, 89%)",
oklch: "oklch(0.962 0.059 95.617)",
rawRgb: [
254,
243,
198
],
rawHsl: [
48,
97,
89
],
rawOklch: [
0.962,
0.059,
95.617
]
},
"amber-200": {
hex: "#fee685",
rgb: "rgb(254, 230, 133)",
hsl: "hsl(48, 98%, 76%)",
oklch: "oklch(0.924 0.12 95.746)",
rawRgb: [
254,
230,
133
],
rawHsl: [
48,
98,
76
],
rawOklch: [
0.924,
0.12,
95.746
]
},
"amber-300": {
hex: "#ffd230",
rgb: "rgb(255, 210, 48)",
hsl: "hsl(47, 100%, 59%)",
oklch: "oklch(0.879 0.169 91.605)",
rawRgb: [
255,
210,
48
],
rawHsl: [
47,
100,
59
],
rawOklch: [
0.879,
0.169,
91.605
]
},
"amber-400": {
hex: "#ffb900",
rgb: "rgb(255, 185, 0)",
hsl: "hsl(44, 100%, 50%)",
oklch: "oklch(0.828 0.189 84.429)",
rawRgb: [
255,
185,
0
],
rawHsl: [
44,
100,
50
],
rawOklch: [
0.828,
0.189,
84.429
]
},
"amber-500": {
hex: "#fe9a00",
rgb: "rgb(254, 154, 0)",
hsl: "hsl(36, 100%, 50%)",
oklch: "oklch(0.769 0.188 70.08)",
rawRgb: [
254,
154,
0
],
rawHsl: [
36,
100,
50
],
rawOklch: [
0.769,
0.188,
70.08
]
},
"amber-600": {
hex: "#e17100",
rgb: "rgb(225, 113, 0)",
hsl: "hsl(30, 100%, 44%)",
oklch: "oklch(0.6659 0.179 58.318)",
rawRgb: [
225,
113,
0
],
rawHsl: [
30,
100,
44
],
rawOklch: [
0.6659,
0.179,
58.318
]
},
"amber-700": {
hex: "#bb4d00",
rgb: "rgb(187, 77, 0)",
hsl: "hsl(25, 100%, 37%)",
oklch: "oklch(0.555 0.163 48.998)",
rawRgb: [
187,
77,
0
],
rawHsl: [
25,
100,
37
],
rawOklch: [
0.555,
0.163,
48.998
]
},
"amber-800": {
hex: "#973c00",
rgb: "rgb(151, 60, 0)",
hsl: "hsl(24, 100%, 30%)",
oklch: "oklch(0.473 0.137 46.201)",
rawRgb: [
151,
60,
0
],
rawHsl: [
24,
100,
30
],
rawOklch: [
0.473,
0.137,
46.201
]
},
"amber-900": {
hex: "#7b3306",
rgb: "rgb(123, 51, 6)",
hsl: "hsl(23, 91%, 25%)",
oklch: "oklch(0.414 0.112 45.904)",
rawRgb: [
123,
51,
6
],
rawHsl: [
23,
91,
25
],
rawOklch: [
0.414,
0.112,
45.904
]
},
"amber-950": {
hex: "#461901",
rgb: "rgb(70, 25, 1)",
hsl: "hsl(21, 97%, 14%)",
oklch: "oklch(0.279 0.077 45.635)",
rawRgb: [
70,
25,
1
],
rawHsl: [
21,
97,
14
],
rawOklch: [
0.279,
0.077,
45.635
]
}
};
var yellow = {
"yellow-50": {
hex: "#fefce8",
rgb: "rgb(254, 252, 232)",
hsl: "hsl(55, 92%, 95%)",
oklch: "oklch(0.987 0.026 102.212)",
rawRgb: [
254,
252,
232
],
rawHsl: [
55,
92,
95
],
rawOklch: [
0.987,
0.026,
102.212
]
},
"yellow-100": {
hex: "#fef9c2",
rgb: "rgb(254, 249, 194)",
hsl: "hsl(55, 97%, 88%)",
oklch: "oklch(0.973 0.071 103.193)",
rawRgb: [
254,
249,
194
],
rawHsl: [
55,
97,
88
],
rawOklch: [
0.973,
0.071,
103.193
]
},
"yellow-200": {
hex: "#fff085",
rgb: "rgb(255, 240, 133)",
hsl: "hsl(53, 100%, 76%)",
oklch: "oklch(0.945 0.129 101.54)",
rawRgb: [
255,
240,
133
],
rawHsl: [
53,
100,
76
],
rawOklch: [
0.945,
0.129,
101.54
]
},
"yellow-300": {
hex: "#ffdf20",
rgb: "rgb(255, 223, 32)",
hsl: "hsl(51, 100%, 56%)",
oklch: "oklch(0.905 0.182 98.111)",
rawRgb: [
255,
223,
32
],
rawHsl: [
51,
100,
56
],
rawOklch: [
0.905,
0.182,
98.111
]
},
"yellow-400": {
hex: "#fdc700",
rgb: "rgb(253, 199, 0)",
hsl: "hsl(47, 100%, 50%)",
oklch: "oklch(0.852 0.199 91.936)",
rawRgb: [
253,
199,
0
],
rawHsl: [
47,
100,
50
],
rawOklch: [
0.852,
0.199,
91.936
]
},
"yellow-500": {
hex: "#f0b100",
rgb: "rgb(240, 177, 0)",
hsl: "hsl(44, 100%, 47%)",
oklch: "oklch(0.795 0.184 86.047)",
rawRgb: [
240,
177,
0
],
rawHsl: [
44,
100,
47
],
rawOklch: [
0.795,
0.184,
86.047
]
},
"yellow-600": {
hex: "#d08700",
rgb: "rgb(208, 135, 0)",
hsl: "hsl(39, 100%, 41%)",
oklch: "oklch(0.681 0.162 75.834)",
rawRgb: [
208,
135,
0
],
rawHsl: [
39,
100,
41
],
rawOklch: [
0.681,
0.162,
75.834
]
},
"yellow-700": {
hex: "#a65f00",
rgb: "rgb(166, 95, 0)",
hsl: "hsl(34, 100%, 33%)",
oklch: "oklch(0.554 0.135 66.442)",
rawRgb: [
166,
95,
0
],
rawHsl: [
34,
100,
33
],
rawOklch: [
0.554,
0.135,
66.442
]
},
"yellow-800": {
hex: "#894b00",
rgb: "rgb(137, 75, 0)",
hsl: "hsl(33, 100%, 27%)",
oklch: "oklch(0.476 0.114 61.907)",
rawRgb: [
137,
75,
0
],
rawHsl: [
33,
100,
27
],
rawOklch: [
0.476,
0.114,
61.907
]
},
"yellow-900": {
hex: "#733e0a",
rgb: "rgb(115, 62, 10)",
hsl: "hsl(30, 84%, 25%)",
oklch: "oklch(0.421 0.095 57.708)",
rawRgb: [
115,
62,
10
],
rawHsl: [
30,
84,
25
],
rawOklch: [
0.421,
0.095,
57.708
]
},
"yellow-950": {
hex: "#432004",
rgb: "rgb(67, 32, 4)",
hsl: "hsl(27, 89%, 14%)",
oklch: "oklch(0.286 0.066 53.813)",
rawRgb: [
67,
32,
4
],
rawHsl: [
27,
89,
14
],
rawOklch: [
0.286,
0.066,
53.813
]
}
};
var lime = {
"lime-50": {
hex: "#f7fee7",
rgb: "rgb(247, 254, 231)",
hsl: "hsl(78, 92%, 95%)",
oklch: "oklch(0.986 0.031 120.757)",
rawRgb: [
247,
254,
231
],
rawHsl: [
78,
92,
95
],
rawOklch: [
0.986,
0.031,
120.757
]
},
"lime-100": {
hex: "#ecfcca",
rgb: "rgb(236, 252, 202)",
hsl: "hsl(79, 89%, 89%)",
oklch: "oklch(0.967 0.067 122.328)",
rawRgb: [
236,
252,
202
],
rawHsl: [
79,
89,
89
],
rawOklch: [
0.967,
0.067,
122.328
]
},
"lime-200": {
hex: "#d8f999",
rgb: "rgb(216, 249, 153)",
hsl: "hsl(81, 89%, 79%)",
oklch: "oklch(0.938 0.127 124.321)",
rawRgb: [
216,
249,
153
],
rawHsl: [
81,
89,
79
],
rawOklch: [
0.938,
0.127,
124.321
]
},
"lime-300": {
hex: "#bbf451",
rgb: "rgb(187, 244, 81)",
hsl: "hsl(81, 88%, 64%)",
oklch: "oklch(0.897 0.196 126.665)",
rawRgb: [
187,
244,
81
],
rawHsl: [
81,
88,
64
],
rawOklch: [
0.897,
0.196,
126.665
]
},
"lime-400": {
hex: "#9ae600",
rgb: "rgb(154, 230, 0)",
hsl: "hsl(80, 100%, 45%)",
oklch: "oklch(0.841 0.238 128.85)",
rawRgb: [
154,
230,
0
],
rawHsl: [
80,
100,
45
],
rawOklch: [
0.841,
0.238,
128.85
]
},
"lime-500": {
hex: "#7ccf00",
rgb: "rgb(124, 207, 0)",
hsl: "hsl(84, 100%, 41%)",
oklch: "oklch(0.768 0.233 130.85)",
rawRgb: [
124,
207,
0
],
rawHsl: [
84,
100,
41
],
rawOklch: [
0.768,
0.233,
130.85
]
},
"lime-600": {
hex: "#5ea500",
rgb: "rgb(94, 165, 0)",
hsl: "hsl(86, 100%, 32%)",
oklch: "oklch(0.648 0.2 131.684)",
rawRgb: [
94,
165,
0
],
rawHsl: [
86,
100,
32
],
rawOklch: [
0.648,
0.2,
131.684
]
},
"lime-700": {
hex: "#497d00",
rgb: "rgb(73, 125, 0)",
hsl: "hsl(85, 100%, 25%)",
oklch: "oklch(0.532 0.157 131.589)",
rawRgb: [
73,
125,
0
],
rawHsl: [
85,
100,
25
],
rawOklch: [
0.532,
0.157,
131.589
]
},
"lime-800": {
hex: "#3c6300",
rgb: "rgb(60, 99, 0)",
hsl: "hsl(84, 100%, 19%)",
oklch: "oklch(0.453 0.124 130.933)",
rawRgb: [
60,
99,
0
],
rawHsl: [
84,
100,
19
],
rawOklch: [
0.453,
0.124,
130.933
]
},
"lime-900": {
hex: "#35530e",
rgb: "rgb(53, 83, 14)",
hsl: "hsl(86, 71%, 19%)",
oklch: "oklch(0.405 0.101 131.063)",
rawRgb: [
53,
83,
14
],
rawHsl: [
86,
71,
19
],
rawOklch: [
0.405,
0.101,
131.063
]
},
"lime-950": {
hex: "#192e03",
rgb: "rgb(25, 46, 3)",
hsl: "hsl(89, 88%, 10%)",
oklch: "oklch(0.274 0.072 132.109)",
rawRgb: [
25,
46,
3
],
rawHsl: [
89,
88,
10
],
rawOklch: [
0.274,
0.072,
132.109
]
}
};
var green = {
"green-50": {
hex: "#f0fdf4",
rgb: "rgb(240, 253, 244)",
hsl: "hsl(138, 76%, 97%)",
oklch: "oklch(0.982 0.018 155.826)",
rawRgb: [
240,
253,
244
],
rawHsl: [
138,
76,
97
],
rawOklch: [
0.982,
0.018,
155.826
]
},
"green-100": {
hex: "#dcfce7",
rgb: "rgb(220, 252, 231)",
hsl: "hsl(141, 84%, 93%)",
oklch: "oklch(0.962 0.044 156.743)",
rawRgb: [
220,
252,
231
],
rawHsl: [
141,
84,
93
],
rawOklch: [
0.962,
0.044,
156.743
]
},
"green-200": {
hex: "#b9f8cf",
rgb: "rgb(185, 248, 207)",
hsl: "hsl(141, 82%, 85%)",
oklch: "oklch(0.925 0.084 155.995)",
rawRgb: [
185,
248,
207
],
rawHsl: [
141,
82,
85
],
rawOklch: [
0.925,
0.084,
155.995
]
},
"green-300": {
hex: "#7bf1a8",
rgb: "rgb(123, 241, 168)",
hsl: "hsl(143, 81%, 71%)",
oklch: "oklch(0.871 0.15 154.449)",
rawRgb: [
123,
241,
168
],
rawHsl: [
143,
81,
71
],
rawOklch: [
0.871,
0.15,
154.449
]
},
"green-400": {
hex: "#05df72",
rgb: "rgb(5, 223, 114)",
hsl: "hsl(150, 96%, 45%)",
oklch: "oklch(0.792 0.209 151.711)",
rawRgb: [
5,
223,
114
],
rawHsl: [
150,
96,
45
],
rawOklch: [
0.792,
0.209,
151.711
]
},
"green-500": {
hex: "#00c950",
rgb: "rgb(0, 201, 80)",
hsl: "hsl(144, 100%, 39%)",
oklch: "oklch(0.723 0.219 149.579)",
rawRgb: [
0,
201,
80
],
rawHsl: [
144,
100,
39
],
rawOklch: [
0.723,
0.219,
149.579
]
},
"green-600": {
hex: "#00a63e",
rgb: "rgb(0, 166, 62)",
hsl: "hsl(142, 100%, 33%)",
oklch: "oklch(0.627 0.194 149.214)",
rawRgb: [
0,
166,
62
],
rawHsl: [
142,
100,
33
],
rawOklch: [
0.627,
0.194,
149.214
]
},
"green-700": {
hex: "#008236",
rgb: "rgb(0, 130, 54)",
hsl: "hsl(145, 100%, 25%)",
oklch: "oklch(0.527 0.154 150.069)",
rawRgb: [
0,
130,
54
],
rawHsl: [
145,
100,
25
],
rawOklch: [
0.527,
0.154,
150.069
]
},
"green-800": {
hex: "#016630",
rgb: "rgb(1, 102, 48)",
hsl: "hsl(148, 98%, 20%)",
oklch: "oklch(0.448 0.119 151.328)",
rawRgb: [
1,
102,
48
],
rawHsl: [
148,
98,
20
],
rawOklch: [
0.448,
0.119,
151.328
]
},
"green-900": {
hex: "#0d542b",
rgb: "rgb(13, 84, 43)",
hsl: "hsl(145, 73%, 19%)",
oklch: "oklch(0.393 0.095 152.535)",
rawRgb: [
13,
84,
43
],
rawHsl: [
145,
73,
19
],
rawOklch: [
0.393,
0.095,
152.535
]
},
"green-950": {
hex: "#032e15",
rgb: "rgb(3, 46, 21)",
hsl: "hsl(145, 88%, 10%)",
oklch: "oklch(0.266 0.065 152.934)",
rawRgb: [
3,
46,
21
],
rawHsl: [
145,
88,
10
],
rawOklch: [
0.266,
0.065,
152.934
]
}
};
var emerald = {
"emerald-50": {
hex: "#ecfdf5",
rgb: "rgb(236, 253, 245)",
hsl: "hsl(152, 81%, 96%)",
oklch: "oklch(0.979 0.021 166.113)",
rawRgb: [
236,
253,
245
],
rawHsl: [
152,
81,
96
],
rawOklch: [
0.979,
0.021,
166.113
]
},
"emerald-100": {
hex: "#d0fae5",
rgb: "rgb(208, 250, 229)",
hsl: "hsl(150, 81%, 90%)",
oklch: "oklch(0.95 0.052 163.051)",
rawRgb: [
208,
250,
229
],
rawHsl: [
150,
81,
90
],
rawOklch: [
0.95,
0.052,
163.051
]
},
"emerald-200": {
hex: "#a4f4cf",
rgb: "rgb(164, 244, 207)",
hsl: "hsl(152, 78%, 80%)",
oklch: "oklch(0.905 0.093 164.15)",
rawRgb: [
164,
244,
207
],
rawHsl: [
152,
78,
80
],
rawOklch: [
0.905,
0.093,
164.15
]
},
"emerald-300": {
hex: "#5ee9b5",
rgb: "rgb(94, 233, 181)",
hsl: "hsl(158, 76%, 64%)",
oklch: "oklch(0.845 0.143 164.978)",
rawRgb: [
94,
233,
181
],
rawHsl: [
158,
76,
64
],
rawOklch: [
0.845,
0.143,
164.978
]
},
"emerald-400": {
hex: "#00d492",
rgb: "rgb(0, 212, 146)",
hsl: "hsl(161, 100%, 42%)",
oklch: "oklch(0.765 0.177 163.223)",
rawRgb: [
0,
212,
146
],
rawHsl: [
161,
100,
42
],
rawOklch: [
0.765,
0.177,
163.223
]
},
"emerald-500": {
hex: "#00bc7d",
rgb: "rgb(0, 188, 125)",
hsl: "hsl(160, 100%, 37%)",
oklch: "oklch(0.696 0.17 162.48)",
rawRgb: [
0,
188,
125
],
rawHsl: [
160,
100,
37
],
rawOklch: [
0.696,
0.17,
162.48
]
},
"emerald-600": {
hex: "#009966",
rgb: "rgb(0, 153, 102)",
hsl: "hsl(160, 100%, 30%)",
oklch: "oklch(0.596 0.145 163.225)",
rawRgb: [
0,
153,
102
],
rawHsl: [
160,
100,
30
],
rawOklch: [
0.596,
0.145,
163.225
]
},
"emerald-700": {
hex: "#007a55",
rgb: "rgb(0, 122, 85)",
hsl: "hsl(162, 100%, 24%)",
oklch: "oklch(0.508 0.118 165.612)",
rawRgb: [
0,
122,
85
],
rawHsl: [
162,
100,
24
],
rawOklch: [
0.508,
0.118,
165.612
]
},
"emerald-800": {
hex: "#006045",
rgb: "rgb(0, 96, 69)",
hsl: "hsl(163, 100%, 19%)",
oklch: "oklch(0.432 0.095 166.913)",
rawRgb: [
0,
96,
69
],
rawHsl: [
163,
100,
19
],
rawOklch: [
0.432,
0.095,
166.913
]
},
"emerald-900": {
hex: "#004f3b",
rgb: "rgb(0, 79, 59)",
hsl: "hsl(165, 100%, 15%)",
oklch: "oklch(0.378 0.077 168.94)",
rawRgb: [
0,
79,
59
],
rawHsl: [
165,
100,
15
],
rawOklch: [
0.378,
0.077,
168.94
]
},
"emerald-950": {
hex: "#002c22",
rgb: "rgb(0, 44, 34)",
hsl: "hsl(166, 100%, 9%)",
oklch: "oklch(0.262 0.051 172.552)",
rawRgb: [
0,
44,
34
],
rawHsl: [
166,
100,
9
],
rawOklch: [
0.262,
0.051,
172.552
]
}
};
var teal = {
"teal-50": {
hex: "#f0fdfa",
rgb: "rgb(240, 253, 250)",
hsl: "hsl(166, 76%, 97%)",
oklch: "oklch(0.984 0.014 180.72)",
rawRgb: [
240,
253,
250
],
rawHsl: [
166,
76,
97
],
rawOklch: [
0.984,
0.014,
180.72
]
},
"teal-100": {
hex: "#cbfbf1",
rgb: "rgb(203, 251, 241)",
hsl: "hsl(168, 86%, 89%)",
oklch: "oklch(0.953 0.051 180.801)",
rawRgb: [
203,
251,
241
],
rawHsl: [
168,
86,
89
],
rawOklch: [
0.953,
0.051,
180.801
]
},
"teal-200": {
hex: "#96f7e4",
rgb: "rgb(150, 247, 228)",
hsl: "hsl(168, 86%, 78%)",
oklch: "oklch(0.91 0.096 180.426)",
rawRgb: [
150,
247,
228
],
rawHsl: [
168,
86,
78
],
rawOklch: [
0.91,
0.096,
180.426
]
},
"teal-300": {
hex: "#46ecd5",
rgb: "rgb(70, 236, 213)",
hsl: "hsl(172, 81%, 60%)",
oklch: "oklch(0.855 0.138 181.071)",
rawRgb: [
70,
236,
213
],
rawHsl: [
172,
81,
60
],
rawOklch: [
0.855,
0.138,
181.071
]
},
"teal-400": {
hex: "#00d5be",
rgb: "rgb(0, 213, 190)",
hsl: "hsl(174, 100%, 42%)",
oklch: "oklch(0.777 0.152 181.912)",
rawRgb: [
0,
213,
190
],
rawHsl: [
174,
100,
42
],
rawOklch: [
0.777,
0.152,
181.912
]
},
"teal-500": {
hex: "#00bba7",
rgb: "rgb(0, 187, 167)",
hsl: "hsl(174, 100%, 37%)",
oklch: "oklch(0.704 0.14 182.503)",
rawRgb: [
0,
187,
167
],
rawHsl: [
174,
100,
37
],
rawOklch: [
0.704,
0.14,
182.503
]
},
"teal-600": {
hex: "#009689",
rgb: "rgb(0, 150, 137)",
hsl: "hsl(175, 100%, 29%)",
oklch: "oklch(0.6 0.118 184.704)",
rawRgb: [
0,
150,
137
],
rawHsl: [
175,
100,
29
],
rawOklch: [
0.6,
0.118,
184.704
]
},
"teal-700": {
hex: "#00786f",
rgb: "rgb(0, 120, 111)",
hsl: "hsl(176, 100%, 24%)",
oklch: "oklch(0.511 0.096 186.391)",
rawRgb: [
0,
120,
111
],
rawHsl: [
176,
100,
24
],
rawOklch: [
0.511,
0.096,
186.391
]
},
"teal-800": {
hex: "#005f5a",
rgb: "rgb(0, 95, 90)",
hsl: "hsl(177, 100%, 19%)",
oklch: "oklch(0.437 0.078 188.216)",
rawRgb: [
0,
95,
90
],
rawHsl: [
177,
100,
19
],
rawOklch: [
0.437,
0.078,
188.216
]
},
"teal-900": {
hex: "#0b4f4a",
rgb: "rgb(11, 79, 74)",
hsl: "hsl(176, 76%, 18%)",
oklch: "oklch(0.386 0.063 188.416)",
rawRgb: [
11,
79,
74
],
rawHsl: [
176,
76,
18
],
rawOklch: [
0.386,
0.063,
188.416
]
},
"teal-950": {
hex: "#022f2e",
rgb: "rgb(2, 47, 46)",
hsl: "hsl(179, 92%, 10%)",
oklch: "oklch(0.277 0.046 192.524)",
rawRgb: [
2,
47,
46
],
rawHsl: [
179,
92,
10
],
rawOklch: [
0.277,
0.046,
192.524
]
}
};
var cyan = {
"cyan-50": {
hex: "#ecfeff",
rgb: "rgb(236, 254, 255)",
hsl: "hsl(183, 100%, 96%)",
oklch: "oklch(0.984 0.019 200.873)",
rawRgb: [
236,
254,
255
],
rawHsl: [
183,
100,
96
],
rawOklch: [
0.984,
0.019,
200.873
]
},
"cyan-100": {
hex: "#cefafe",
rgb: "rgb(206, 250, 254)",
hsl: "hsl(185, 96%, 90%)",
oklch: "oklch(0.956 0.045 203.388)",
rawRgb: [
206,
250,
254
],
rawHsl: [
185,
96,
90
],
rawOklch: [
0.956,
0.045,
203.388
]
},
"cyan-200": {
hex: "#a2f4fd",
rgb: "rgb(162, 244, 253)",
hsl: "hsl(186, 96%, 81%)",
oklch: "oklch(0.917 0.08 205.041)",
rawRgb: [
162,
244,
253
],
rawHsl: [
186,
96,
81
],
rawOklch: [
0.917,
0.08,
205.041
]
},
"cyan-300": {
hex: "#53eafd",
rgb: "rgb(83, 234, 253)",
hsl: "hsl(187, 98%, 66%)",
oklch: "oklch(0.865 0.127 207.078)",
rawRgb: [
83,
234,
253
],
rawHsl: [
187,
98,
66
],
rawOklch: [
0.865,
0.127,
207.078
]
},
"cyan-400": {
hex: "#00d3f2",
rgb: "rgb(0, 211, 242)",
hsl: "hsl(188, 100%, 47%)",
oklch: "oklch(0.789 0.154 211.53)",
rawRgb: [
0,
211,
242
],
rawHsl: [
188,
100,
47
],
rawOklch: [
0.789,
0.154,
211.53
]
},
"cyan-500": {
hex: "#00b8db",
rgb: "rgb(0, 184, 219)",
hsl: "hsl(190, 100%, 43%)",
oklch: "oklch(0.715 0.143 215.221)",
rawRgb: [
0,
184,
219
],
rawHsl: [
190,
100,
43
],
rawOklch: [
0.715,
0.143,
215.221
]
},
"cyan-600": {
hex: "#0092b8",
rgb: "rgb(0, 146, 184)",
hsl: "hsl(192, 100%, 36%)",
oklch: "oklch(0.609 0.126 221.723)",
rawRgb: [
0,
146,
184
],
rawHsl: [
192,
100,
36
],
rawOklch: [
0.609,
0.126,
221.723
]
},
"cyan-700": {
hex: "#007595",
rgb: "rgb(0, 117, 149)",
hsl: "hsl(193, 100%, 29%)",
oklch: "oklch(0.52 0.105 223.128)",
rawRgb: [
0,
117,
149
],
rawHsl: [
193,
100,
29
],
rawOklch: [
0.52,
0.105,
223.128
]
},
"cyan-800": {
hex: "#005f78",
rgb: "rgb(0, 95, 120)",
hsl: "hsl(193, 100%, 24%)",
oklch: "oklch(0.45 0.085 224.283)",
rawRgb: [
0,
95,
120
],
rawHsl: [
193,
100,
24
],
rawOklch: [
0.45,
0.085,
224.283
]
},
"cyan-900": {
hex: "#104e64",
rgb: "rgb(16, 78, 100)",
hsl: "hsl(196, 72%, 23%)",
oklch: "oklch(0.398 0.07 227.392)",
rawRgb: [
16,
78,
100
],
rawHsl: [
196,
72,
23
],
rawOklch: [
0.398,
0.07,
227.392
]
},
"cyan-950": {
hex: "#053345",
rgb: "rgb(5, 51, 69)",
hsl: "hsl(197, 86%, 15%)",
oklch: "oklch(0.302 0.056 229.695)",
rawRgb: [
5,
51,
69
],
rawHsl: [
197,
86,
15
],
rawOklch: [
0.302,
0.056,
229.695
]
}
};
var sky = {
"sky-50": {
hex: "#f0f9ff",
rgb: "rgb(240, 249, 255)",
hsl: "hsl(204, 100%, 97%)",
oklch: "oklch(0.977 0.013 236.62)",
rawRgb: [
240,
249,
255
],
rawHsl: [
204,
100,
97
],
rawOklch: [
0.977,
0.013,
236.62
]
},
"sky-100": {
hex: "#dff2fe",
rgb: "rgb(223, 242, 254)",
hsl: "hsl(203, 94%, 94%)",
oklch: "oklch(0.951 0.026 236.824)",
rawRgb: [
223,
242,
254
],
rawHsl: [
203,
94,
94
],
rawOklch: [
0.951,
0.026,
236.824
]
},
"sky-200": {
hex: "#b8e6fe",
rgb: "rgb(184, 230, 254)",
hsl: "hsl(201, 97%, 86%)",
oklch: "oklch(0.901 0.058 230.902)",
rawRgb: [
184,
230,
254
],
rawHsl: [
201,
97,
86
],
rawOklch: [
0.901,
0.058,
230.902
]
},
"sky-300": {
hex: "#74d4ff",
rgb: "rgb(116, 212, 255)",
hsl: "hsl(199, 100%, 73%)",
oklch: "oklch(0.828 0.111 230.318)",
rawRgb: [
116,
212,
255
],
rawHsl: [
199,
100,
73
],
rawOklch: [
0.828,
0.111,
230.318
]
},
"sky-400": {
hex: "#00bcff",
rgb: "rgb(0, 188, 255)",
hsl: "hsl(196, 100%, 50%)",
oklch: "oklch(0.746 0.16 232.661)",
rawRgb: [
0,
188,
255
],
rawHsl: [
196,
100,
50
],
rawOklch: [
0.746,
0.16,
232.661
]
},
"sky-500": {
hex: "#00a6f4",
rgb: "rgb(0, 166, 244)",
hsl: "hsl(199, 100%, 48%)",
oklch: "oklch(0.685 0.169 237.323)",
rawRgb: [
0,
166,
244
],
rawHsl: [
199,
100,
48
],
rawOklch: [
0.685,
0.169,
237.323
]
},
"sky-600": {
hex: "#0084d1",
rgb: "rgb(0, 132, 209)",
hsl: "hsl(202, 100%, 41%)",
oklch: "oklch(0.588 0.158 241.966)",
rawRgb: [
0,
132,
209
],
rawHsl: [
202,
100,
41
],
rawOklch: [
0.588,
0.158,
241.966
]
},
"sky-700": {
hex: "#0069a8",
rgb: "rgb(0, 105, 168)",
hsl: "hsl(203, 100%, 33%)",
oklch: "oklch(0.5 0.134 242.749)",
rawRgb: [
0,
105,
168
],
rawHsl: [
203,
100,
33
],
rawOklch: [
0.5,
0.134,
242.749
]
},
"sky-800": {
hex: "#00598a",
rgb: "rgb(0, 89, 138)",
hsl: "hsl(201, 100%, 27%)",
oklch: "oklch(0.443 0.11 240.79)",
rawRgb: [
0,
89,
138
],
rawHsl: [
201,
100,
27
],
rawOklch: [
0.443,
0.11,
240.79
]
},
"sky-900": {
hex: "#024a70",
rgb: "rgb(2, 74, 112)",
hsl: "hsl(201, 96%, 22%)",
oklch: "oklch(0.391 0.09 240.876)",
rawRgb: [
2,
74,
112
],
rawHsl: [
201,
96,
22
],
rawOklch: [
0.391,
0.09,
240.876
]
},
"sky-950": {
hex: "#052f4a",
rgb: "rgb(5, 47, 74)",
hsl: "hsl(203, 87%, 15%)",
oklch: "oklch(0.293 0.066 243.157)",
rawRgb: [
5,
47,
74
],
rawHsl: [
203,
87,
15
],
rawOklch: [
0.293,
0.066,
243.157
]
}
};
var blue = {
"blue-50": {
hex: "#eff6ff",
rgb: "rgb(239, 246, 255)",
hsl: "hsl(214, 100%, 97%)",
oklch: "oklch(0.97 0.014 254.604)",
rawRgb: [
239,
246,
255
],
rawHsl: [
214,
100,
97
],
rawOklch: [
0.97,
0.014,
254.604
]
},
"blue-100": {
hex: "#dbeafe",
rgb: "rgb(219, 234, 254)",
hsl: "hsl(214, 95%, 93%)",
oklch: "oklch(0.932 0.032 255.585)",
rawRgb: [
219,
234,
254
],
rawHsl: [
214,
95,
93
],
rawOklch: [
0.932,
0.032,
255.585
]
},
"blue-200": {
hex: "#bedbff",
rgb: "rgb(190, 219, 255)",
hsl: "hsl(213, 100%, 87%)",
oklch: "oklch(0.882 0.059 254.128)",
rawRgb: [
190,
219,
255
],
rawHsl: [
213,
100,
87
],
rawOklch: [
0.882,
0.059,
254.128
]
},
"blue-300": {
hex: "#8ec5ff",
rgb: "rgb(142, 197, 255)",
hsl: "hsl(211, 100%, 78%)",
oklch: "oklch(0.809 0.105 251.813)",
rawRgb: [
142,
197,
255
],
rawHsl: [
211,
100,
78
],
rawOklch: [
0.809,
0.105,
251.813
]
},
"blue-400": {
hex: "#51a2ff",
rgb: "rgb(81, 162, 255)",
hsl: "hsl(212, 100%, 66%)",
oklch: "oklch(0.707 0.165 254.624)",
rawRgb: [
81,
162,
255
],
rawHsl: [
212,
100,
66
],
rawOklch: [
0.707,
0.165,
254.624
]
},
"blue-500": {
hex: "#2b7fff",
rgb: "rgb(43, 127, 255)",
hsl: "hsl(216, 100%, 58%)",
oklch: "oklch(0.623 0.214 259.815)",
rawRgb: [
43,
127,
255
],
rawHsl: [
216,
100,
58
],
rawOklch: [
0.623,
0.214,
259.815
]
},
"blue-600": {
hex: "#155dfc",
rgb: "rgb(21, 93, 252)",
hsl: "hsl(221, 97%, 54%)",
oklch: "oklch(0.546 0.245 262.881)",
rawRgb: [
21,
93,
252
],
rawHsl: [
221,
97,
54
],
rawOklch: [
0.546,
0.245,
262.881
]
},
"blue-700": {
hex: "#1447e6",
rgb: "rgb(20, 71, 230)",
hsl: "hsl(225, 84%, 49%)",
oklch: "oklch(0.488 0.243 264.376)",
rawRgb: [
20,
71,
230
],
rawHsl: [
225,
84,
49
],
rawOklch: [
0.488,
0.243,
264.376
]
},
"blue-800": {
hex: "#193cb8",
rgb: "rgb(25, 60, 184)",
hsl: "hsl(227, 76%, 41%)",
oklch: "oklch(0.424 0.199 265.638)",
rawRgb: [
25,
60,
184
],
rawHsl: [
227,
76,
41
],
rawOklch: [
0.424,
0.199,
265.638
]
},
"blue-900": {
hex: "#1c398e",
rgb: "rgb(28, 57, 142)",
hsl: "hsl(225, 67%, 33%)",
oklch: "oklch(0.379 0.146 265.522)",
rawRgb: [
28,
57,
142
],
rawHsl: [
225,
67,
33
],
rawOklch: [
0.379,
0.146,
265.522
]
},
"blue-950": {
hex: "#162456",
rgb: "rgb(22, 36, 86)",
hsl: "hsl(227, 59%, 21%)",
oklch: "oklch(0.282 0.091 267.935)",
rawRgb: [
22,
36,
86
],
rawHsl: [
227,
59,
21
],
rawOklch: [
0.282,
0.091,
267.935
]
}
};
var indigo = {
"indigo-50": {
hex: "#eef2ff",
rgb: "rgb(238, 242, 255)",
hsl: "hsl(226, 100%, 97%)",
oklch: "oklch(0.962 0.018 272.314)",
rawRgb: [
238,
242,
255
],
rawHsl: [
226,
100,
97
],
rawOklch: [
0.962,
0.018,
272.314
]
},
"indigo-100": {
hex: "#e0e7ff",
rgb: "rgb(224, 231, 255)",
hsl: "hsl(226, 100%, 94%)",
oklch: "oklch(0.93 0.034 272.788)",
rawRgb: [
224,
231,
255
],
rawHsl: [
226,
100,
94
],
rawOklch: [
0.93,
0.034,
272.788
]
},
"indigo-200": {
hex: "#c6d2ff",
rgb: "rgb(198, 210, 255)",
hsl: "hsl(227, 100%, 89%)",
oklch: "oklch(0.87 0.065 274.039)",
rawRgb: [
198,
210,
255
],
rawHsl: [
227,
100,
89
],
rawOklch: [
0.87,
0.065,
274.039
]
},
"indigo-300": {
hex: "#a3b3ff",
rgb: "rgb(163, 179, 255)",
hsl: "hsl(230, 100%, 82%)",
oklch: "oklch(0.785 0.115 274.713)",
rawRgb: [
163,
179,
255
],
rawHsl: [
230,
100,
82
],
rawOklch: [
0.785,
0.115,
274.713
]
},
"indigo-400": {
hex: "#7c86ff",
rgb: "rgb(124, 134, 255)",
hsl: "hsl(235, 100%, 74%)",
oklch: "oklch(0.673 0.182 276.935)",
rawRgb: [
124,
134,
255
],
rawHsl: [
235,
100,
74
],
rawOklch: [
0.673,
0.182,
276.935
]
},
"indigo-500": {
hex: "#615fff",
rgb: "rgb(97, 95, 255)",
hsl: "hsl(241, 100%, 69%)",
oklch: "oklch(0.585 0.233 277.117)",
rawRgb: [
97,
95,
255
],
rawHsl: [
241,
100,
69
],
rawOklch: [
0.585,
0.233,
277.117
]
},
"indigo-600": {
hex: "#4f39f6",
rgb: "rgb(79, 57, 246)",
hsl: "hsl(247, 91%, 59%)",
oklch: "oklch(0.511 0.262 276.966)",
rawRgb: [
79,
57,
246
],
rawHsl: [
247,
91,
59
],
rawOklch: [
0.511,
0.262,
276.966
]
},
"indigo-700": {
hex: "#432dd7",
rgb: "rgb(67, 45, 215)",
hsl: "hsl(248, 68%, 51%)",
oklch: "oklch(0.457 0.24 277.023)",
rawRgb: [
67,
45,
215
],
rawHsl: [
248,
68,
51
],
rawOklch: [
0.457,
0.24,
277.023
]
},
"indigo-800": {
hex: "#372aac",
rgb: "rgb(55, 42, 172)",
hsl: "hsl(246, 61%, 42%)",
oklch: "oklch(0.398 0.195 277.366)",
rawRgb: [
55,
42,
172
],
rawHsl: [
246,
61,
42
],
rawOklch: [
0.398,
0.195,
277.366
]
},
"indigo-900": {
hex: "#312c85",
rgb: "rgb(49, 44, 133)",
hsl: "hsl(243, 50%, 35%)",
oklch: "oklch(0.359 0.144 278.697)",
rawRgb: [
49,
44,
133
],
rawHsl: [
243,
50,
35
],
rawOklch: [
0.359,
0.144,
278.697
]
},
"indigo-950": {
hex: "#1e1a4d",
rgb: "rgb(30, 26, 77)",
hsl: "hsl(245, 50%, 20%)",
oklch: "oklch(0.257 0.09 281.288)",
rawRgb: [
30,
26,
77
],
rawHsl: [
245,
50,
20
],
rawOklch: [
0.257,
0.09,
281.288
]
}
};
var violet = {
"violet-50": {
hex: "#f5f3ff",
rgb: "rgb(245, 243, 255)",
hsl: "hsl(250, 100%, 98%)",
oklch: "oklch(0.969 0.016 293.756)",
rawRgb: [
245,
243,
255
],
rawHsl: [
250,
100,
98
],
rawOklch: [
0.969,
0.016,
293.756
]
},
"violet-100": {
hex: "#ede9fe",
rgb: "rgb(237, 233, 254)",
hsl: "hsl(251, 91%, 95%)",
oklch: "oklch(0.943 0.029 294.588)",
rawRgb: [
237,
233,
254
],
rawHsl: [
251,
91,
95
],
rawOklch: [
0.943,
0.029,
294.588
]
},
"violet-200": {
hex: "#ddd6ff",
rgb: "rgb(221, 214, 255)",
hsl: "hsl(250, 100%, 92%)",
oklch: "oklch(0.894 0.057 293.283)",
rawRgb: [
221,
214,
255
],
rawHsl: [
250,
100,
92
],
rawOklch: [
0.894,
0.057,
293.283
]
},
"violet-300": {
hex: "#c4b4ff",
rgb: "rgb(196, 180, 255)",
hsl: "hsl(253, 100%, 85%)",
oklch: "oklch(0.811 0.111 293.571)",
rawRgb: [
196,
180,
255
],
rawHsl: [
253,
100,
85
],
rawOklch: [
0.811,
0.111,
293.571
]
},
"violet-400": {
hex: "#a684ff",
rgb: "rgb(166, 132, 255)",
hsl: "hsl(257, 100%, 76%)",
oklch: "oklch(0.702 0.183 293.541)",
rawRgb: [
166,
132,
255
],
rawHsl: [
257,
100,
76
],
rawOklch: [
0.702,
0.183,
293.541
]
},
"violet-500": {
hex: "#8e51ff",
rgb: "rgb(142, 81, 255)",
hsl: "hsl(261, 100%, 66%)",
oklch: "oklch(0.606 0.25 292.717)",
rawRgb: [
142,
81,
255
],
rawHsl: [
261,
100,
66
],
rawOklch: [
0.606,
0.25,
292.717
]
},
"violet-600": {
hex: "#7f22fe",
rgb: "rgb(127, 34, 254)",
hsl: "hsl(265, 99%, 56%)",
oklch: "oklch(0.541 0.281 293.009)",
rawRgb: [
127,
34,
254
],
rawHsl: [
265,
99,
56
],
rawOklch: [
0.541,
0.281,
293.009
]
},
"violet-700": {
hex: "#7008e7",
rgb: "rgb(112, 8, 231)",
hsl: "hsl(268, 93%, 47%)",
oklch: "oklch(0.491 0.27 292.581)",
rawRgb: [
112,
8,
231
],
rawHsl: [
268,
93,
47
],
rawOklch: [
0.491,
0.27,
292.581
]
},
"violet-800": {
hex: "#5d0ec0",
rgb: "rgb(93, 14, 192)",
hsl: "hsl(267, 86%, 40%)",
oklch: "oklch(0.432 0.232 292.759)",
rawRgb: [
93,
14,
192
],
rawHsl: [
267,
86,
40
],
rawOklch: [
0.432,
0.232,
292.759
]
},
"violet-900": {
hex: "#4d179a",
rgb: "rgb(77, 23, 154)",
hsl: "hsl(265, 74%, 35%)",
oklch: "oklch(0.38 0.189 293.745)",
rawRgb: [
77,
23,
154
],
rawHsl: [
265,
74,
35
],
rawOklch: [
0.38,
0.189,
293.745
]
},
"violet-950": {
hex: "#2f0d68",
rgb: "rgb(47, 13, 104)",
hsl: "hsl(262, 78%, 23%)",
oklch: "oklch(0.283 0.141 291.089)",
rawRgb: [
47,
13,
104
],
rawHsl: [
262,
78,
23
],
rawOklch: [
0.283,
0.141,
291.089
]
}
};
var purple = {
"purple-50": {
hex: "#faf5ff",
rgb: "rgb(250, 245, 255)",
hsl: "hsl(270, 100%, 98%)",
oklch: "oklch(0.977 0.014 308.299)",
rawRgb: [
250,
245,
255
],
rawHsl: [
270,
100,
98
],
rawOklch: [
0.977,
0.014,
308.299
]
},
"purple-100": {
hex: "#f3e8ff",
rgb: "rgb(243, 232, 255)",
hsl: "hsl(269, 100%, 95%)",
oklch: "oklch(0.946 0.033 307.174)",
rawRgb: [
243,
232,
255
],
rawHsl: [
269,
100,
95
],
rawOklch: [
0.946,
0.033,
307.174
]
},
"purple-200": {
hex: "#e9d4ff",
rgb: "rgb(233, 212, 255)",
hsl: "hsl(269, 100%, 92%)",
oklch: "oklch(0.902 0.063 306.703)",
rawRgb: [
233,
212,
255
],
rawHsl: [
269,
100,
92
],
rawOklch: [
0.902,
0.063,
306.703
]
},
"purple-300": {
hex: "#dab2ff",
rgb: "rgb(218, 178, 255)",
hsl: "hsl(271, 100%, 85%)",
oklch: "oklch(0.827 0.119 306.383)",
rawRgb: [
218,
178,
255
],
rawHsl: [
271,
100,
85
],
rawOklch: [
0.827,
0.119,
306.383
]
},
"purple-400": {
hex: "#c27aff",
rgb: "rgb(194, 122, 255)",
hsl: "hsl(272, 100%, 74%)",
oklch: "oklch(0.714 0.203 305.504)",
rawRgb: [
194,
122,
255
],
rawHsl: [
272,
100,
74
],
rawOklch: [
0.714,
0.203,
305.504
]
},
"purple-500": {
hex: "#ad46ff",
rgb: "rgb(173, 70, 255)",
hsl: "hsl(273, 100%, 64%)",
oklch: "oklch(0.627 0.265 303.9)",
rawRgb: [
173,
70,
255
],
rawHsl: [
273,
100,
64
],
rawOklch: [
0.627,
0.265,
303.9
]
},
"purple-600": {
hex: "#9810fa",
rgb: "rgb(152, 16, 250)",
hsl: "hsl(275, 96%, 52%)",
oklch: "oklch(0.558 0.288 302.321)",
rawRgb: [
152,
16,
250
],
rawHsl: [
275,
96,
52
],
rawOklch: [
0.558,
0.288,
302.321
]
},
"purple-700": {
hex: "#8200db",
rgb: "rgb(130, 0, 219)",
hsl: "hsl(276, 100%, 43%)",
oklch: "oklch(0.496 0.265 301.924)",
rawRgb: [
130,
0,
219
],
rawHsl: [
276,
100,
43
],
rawOklch: [
0.496,
0.265,
301.924
]
},
"purple-800": {
hex: "#6e11b0",
rgb: "rgb(110, 17, 176)",
hsl: "hsl(275, 82%, 38%)",
oklch: "oklch(0.438 0.218 303.724)",
rawRgb: [
110,
17,
176
],
rawHsl: [
275,
82,
38
],
rawOklch: [
0.438,
0.218,
303.724
]
},
"purple-900": {
hex: "#59168b",
rgb: "rgb(89, 22, 139)",
hsl: "hsl(274, 73%, 32%)",
oklch: "oklch(0.381 0.176 304.987)",
rawRgb: [
89,
22,
139
],
rawHsl: [
274,
73,
32
],
rawOklch: [
0.381,
0.176,
304.987
]
},
"purple-950": {
hex: "#3c0366",
rgb: "rgb(60, 3, 102)",
hsl: "hsl(275, 94%, 21%)",
oklch: "oklch(0.291 0.149 302.717)",
rawRgb: [
60,
3,
102
],
rawHsl: [
275,
94,
21
],
rawOklch: [
0.291,
0.149,
302.717
]
}
};
var fuchsia = {
"fuchsia-50": {
hex: "#fdf4ff",
rgb: "rgb(253, 244, 255)",
hsl: "hsl(289, 100%, 98%)",
oklch: "oklch(0.977 0.017 320.058)",
rawRgb: [
253,
244,
255
],
rawHsl: [
289,
100,
98
],
rawOklch: [
0.977,
0.017,
320.058
]
},
"fuchsia-100": {
hex: "#fae8ff",
rgb: "rgb(250, 232, 255)",
hsl: "hsl(287, 100%, 95%)",
oklch: "oklch(0.952 0.037 318.852)",
rawRgb: [
250,
232,
255
],
rawHsl: [
287,
100,
95
],
rawOklch: [
0.952,
0.037,
318.852
]
},
"fuchsia-200": {
hex: "#f6cfff",
rgb: "rgb(246, 207, 255)",
hsl: "hsl(289, 100%, 91%)",
oklch: "oklch(0.903 0.076 319.62)",
rawRgb: [
246,
207,
255
],
rawHsl: [
289,
100,
91
],
rawOklch: [
0.903,
0.076,
319.62
]
},
"fuchsia-300": {
hex: "#f4a8ff",
rgb: "rgb(244, 168, 255)",
hsl: "hsl(292, 100%, 83%)",
oklch: "oklch(0.833 0.145 321.434)",
rawRgb: [
244,
168,
255
],
rawHsl: [
292,
100,
83
],
rawOklch: [
0.833,
0.145,
321.434
]
},
"fuchsia-400": {
hex: "#ed6aff",
rgb: "rgb(237, 106, 255)",
hsl: "hsl(293, 100%, 71%)",
oklch: "oklch(0.74 0.238 322.16)",
rawRgb: [
237,
106,
255
],
rawHsl: [
293,
100,
71
],
rawOklch: [
0.74,
0.238,
322.16
]
},
"fuchsia-500": {
hex: "#e12afb",
rgb: "rgb(225, 42, 251)",
hsl: "hsl(293, 96%, 57%)",
oklch: "oklch(0.667 0.295 322.15)",
rawRgb: [
225,
42,
251
],
rawHsl: [
293,
96,
57
],
rawOklch: [
0.667,
0.295,
322.15
]
},
"fuchsia-600": {
hex: "#c800de",
rgb: "rgb(200, 0, 222)",
hsl: "hsl(294, 100%, 44%)",
oklch: "oklch(0.591 0.293 322.896)",
rawRgb: [
200,
0,
222
],
rawHsl: [
294,
100,
44
],
rawOklch: [
0.591,
0.293,
322.896
]
},
"fuchsia-700": {
hex: "#a800b7",
rgb: "rgb(168, 0, 183)",
hsl: "hsl(295, 100%, 36%)",
oklch: "oklch(0.518 0.253 323.949)",
rawRgb: [
168,
0,
183
],
rawHsl: [
295,
100,
36
],
rawOklch: [
0.518,
0.253,
323.949
]
},
"fuchsia-800": {
hex: "#8a0194",
rgb: "rgb(138, 1, 148)",
hsl: "hsl(296, 99%, 29%)",
oklch: "oklch(0.452 0.211 324.591)",
rawRgb: [
138,
1,
148
],
rawHsl: [
296,
99,
29
],
rawOklch: [
0.452,
0.211,
324.591
]
},
"fuchsia-900": {
hex: "#721378",
rgb: "rgb(114, 19, 120)",
hsl: "hsl(296, 73%, 27%)",
oklch: "oklch(0.401 0.17 325.612)",
rawRgb: [
114,
19,
120
],
rawHsl: [
296,
73,
27
],
rawOklch: [
0.401,
0.17,
325.612
]
},
"fuchsia-950": {
hex: "#4b004f",
rgb: "rgb(75, 0, 79)",
hsl: "hsl(297, 100%, 15%)",
oklch: "oklch(0.293 0.136 325.661)",
rawRgb: [
75,
0,
79
],
rawHsl: [
297,
100,
15
],
rawOklch: [
0.293,
0.136,
325.661
]
}
};
var pink = {
"pink-50": {
hex: "#fdf2f8",
rgb: "rgb(253, 242, 248)",
hsl: "hsl(327, 73%, 97%)",
oklch: "oklch(0.971 0.014 343.198)",
rawRgb: [
253,
242,
248
],
rawHsl: [
327,
73,
97
],
rawOklch: [
0.971,
0.014,
343.198
]
},
"pink-100": {
hex: "#fce7f3",
rgb: "rgb(252, 231, 243)",
hsl: "hsl(326, 78%, 95%)",
oklch: "oklch(0.948 0.028 342.258)",
rawRgb: [
252,
231,
243
],
rawHsl: [
326,
78,
95
],
rawOklch: [
0.948,
0.028,
342.258
]
},
"pink-200": {
hex: "#fccee8",
rgb: "rgb(252, 206, 232)",
hsl: "hsl(326, 88%, 90%)",
oklch: "oklch(0.899 0.061 343.231)",
rawRgb: [
252,
206,
232
],
rawHsl: [
326,
88,
90
],
rawOklch: [
0.899,
0.061,
343.231
]
},
"pink-300": {
hex: "#fda5d5",
rgb: "rgb(253, 165, 213)",
hsl: "hsl(327, 96%, 82%)",
oklch: "oklch(0.823 0.12 346.018)",
rawRgb: [
253,
165,
213
],
rawHsl: [
327,
96,
82
],
rawOklch: [
0.823,
0.12,
346.018
]
},
"pink-400": {
hex: "#fb64b6",
rgb: "rgb(251, 100, 182)",
hsl: "hsl(327, 95%, 69%)",
oklch: "oklch(0.718 0.202 349.761)",
rawRgb: [
251,
100,
182
],
rawHsl: [
327,
95,
69
],
rawOklch: [
0.718,
0.202,
349.761
]
},
"pink-500": {
hex: "#f6339a",
rgb: "rgb(246, 51, 154)",
hsl: "hsl(328, 92%, 58%)",
oklch: "oklch(0.656 0.241 354.308)",
rawRgb: [
246,
51,
154
],
rawHsl: [
328,
92,
58
],
rawOklch: [
0.656,
0.241,
354.308
]
},
"pink-600": {
hex: "#e60076",
rgb: "rgb(230, 0, 118)",
hsl: "hsl(329, 100%, 45%)",
oklch: "oklch(0.592 0.249 0.584)",
rawRgb: [
230,
0,
118
],
rawHsl: [
329,
100,
45
],
rawOklch: [
0.592,
0.249,
0.584
]
},
"pink-700": {
hex: "#c6005c",
rgb: "rgb(198, 0, 92)",
hsl: "hsl(332, 100%, 39%)",
oklch: "oklch(0.525 0.223 3.958)",
rawRgb: [
198,
0,
92
],
rawHsl: [
332,
100,
39
],
rawOklch: [
0.525,
0.223,
3.958
]
},
"pink-800": {
hex: "#a3004c",
rgb: "rgb(163, 0, 76)",
hsl: "hsl(332, 100%, 32%)",
oklch: "oklch(0.459 0.187 3.815)",
rawRgb: [
163,
0,
76
],
rawHsl: [
332,
100,
32
],
rawOklch: [
0.459,
0.187,
3.815
]
},
"pink-900": {
hex: "#861043",
rgb: "rgb(134, 16, 67)",
hsl: "hsl(334, 79%, 29%)",
oklch: "oklch(0.408 0.153 2.432)",
rawRgb: [
134,
16,
67
],
rawHsl: [
334,
79,
29
],
rawOklch: [
0.408,
0.153,
2.432
]
},
"pink-950": {
hex: "#510424",
rgb: "rgb(81, 4, 36)",
hsl: "hsl(335, 91%, 17%)",
oklch: "oklch(0.284 0.109 3.907)",
rawRgb: [
81,
4,
36
],
rawHsl: [
335,
91,
17
],
rawOklch: [
0.284,
0.109,
3.907
]
}
};
var rose = {
"rose-50": {
hex: "#fff1f2",
rgb: "rgb(255, 241, 242)",
hsl: "hsl(356, 100%, 97%)",
oklch: "oklch(0.969 0.015 12.422)",
rawRgb: [
255,
241,
242
],
rawHsl: [
356,
100,
97
],
rawOklch: [
0.969,
0.015,
12.422
]
},
"rose-100": {
hex: "#ffe4e6",
rgb: "rgb(255, 228, 230)",
hsl: "hsl(356, 100%, 95%)",
oklch: "oklch(0.941 0.03 12.58)",
rawRgb: [
255,
228,
230
],
rawHsl: [
356,
100,
95
],
rawOklch: [
0.941,
0.03,
12.58
]
},
"rose-200": {
hex: "#ffccd3",
rgb: "rgb(255, 204, 211)",
hsl: "hsl(352, 100%, 90%)",
oklch: "oklch(0.892 0.058 10.001)",
rawRgb: [
255,
204,
211
],
rawHsl: [
352,
100,
90
],
rawOklch: [
0.892,
0.058,
10.001
]
},
"rose-300": {
hex: "#ffa1ad",
rgb: "rgb(255, 161, 173)",
hsl: "hsl(352, 100%, 82%)",
oklch: "oklch(0.81 0.117 11.638)",
rawRgb: [
255,
161,
173
],
rawHsl: [
352,
100,
82
],
rawOklch: [
0.81,
0.117,
11.638
]
},
"rose-400": {
hex: "#ff637e",
rgb: "rgb(255, 99, 126)",
hsl: "hsl(350, 100%, 69%)",
oklch: "oklch(0.712 0.194 13.428)",
rawRgb: [
255,
99,
126
],
rawHsl: [
350,
100,
69
],
rawOklch: [
0.712,
0.194,
13.428
]
},
"rose-500": {
hex: "#ff2056",
rgb: "rgb(255, 32, 86)",
hsl: "hsl(345, 100%, 56%)",
oklch: "oklch(0.645 0.246 16.439)",
rawRgb: [
255,
32,
86
],
rawHsl: [
345,
100,
56
],
rawOklch: [
0.645,
0.246,
16.439
]
},
"rose-600": {
hex: "#ec003f",
rgb: "rgb(236, 0, 63)",
hsl: "hsl(344, 100%, 46%)",
oklch: "oklch(0.586 0.253 17.585)",
rawRgb: [
236,
0,
63
],
rawHsl: [
344,
100,
46
],
rawOklch: [
0.586,
0.253,
17.585
]
},
"rose-700": {
hex: "#c70036",
rgb: "rgb(199, 0, 54)",
hsl: "hsl(344, 100%, 39%)",
oklch: "oklch(0.514 0.222 16.935)",
rawRgb: [
199,
0,
54
],
rawHsl: [
344,
100,
39
],
rawOklch: [
0.514,
0.222,
16.935
]
},
"rose-800": {
hex: "#a50036",
rgb: "rgb(165, 0, 54)",
hsl: "hsl(340, 100%, 32%)",
oklch: "oklch(0.455 0.188 13.697)",
rawRgb: [
165,
0,
54
],
rawHsl: [
340,
100,
32
],
rawOklch: [
0.455,
0.188,
13.697
]
},
"rose-900": {
hex: "#8b0836",
rgb: "rgb(139, 8, 54)",
hsl: "hsl(339, 89%, 29%)",
oklch: "oklch(0.41 0.159 10.272)",
rawRgb: [
139,
8,
54
],
rawHsl: [
339,
89,
29
],
rawOklch: [
0.41,
0.159,
10.272
]
},
"rose-950": {
hex: "#4d0218",
rgb: "rgb(77, 2, 24)",
hsl: "hsl(342, 95%, 15%)",
oklch: "oklch(0.271 0.105 12.094)",
rawRgb: [
77,
2,
24
],
rawHsl: [
342,
95,
15
],
rawOklch: [
0.271,
0.105,
12.094
]
}
};
var slate = {
"slate-50": {
hex: "#f8fafc",
rgb: "rgb(248, 250, 252)",
hsl: "hsl(210, 40%, 98%)",
oklch: "oklch(0.984 0.003 247.858)",
rawRgb: [
248,
250,
252
],
rawHsl: [
210,
40,
98
],
rawOklch: [
0.984,
0.003,
247.858
]
},
"slate-100": {
hex: "#f1f5f9",
rgb: "rgb(241, 245, 249)",
hsl: "hsl(210, 40%, 96%)",
oklch: "oklch(0.968 0.007 247.896)",
rawRgb: [
241,
245,
249
],
rawHsl: [
210,
40,
96
],
rawOklch: [
0.968,
0.007,
247.896
]
},
"slate-200": {
hex: "#e2e8f0",
rgb: "rgb(226, 232, 240)",
hsl: "hsl(214, 32%, 91%)",
oklch: "oklch(0.929 0.013 255.508)",
rawRgb: [
226,
232,
240
],
rawHsl: [
214,
32,
91
],
rawOklch: [
0.929,
0.013,
255.508
]
},
"slate-300": {
hex: "#cad5e2",
rgb: "rgb(202, 213, 226)",
hsl: "hsl(212, 29%, 84%)",
oklch: "oklch(0.869 0.022 252.894)",
rawRgb: [
202,
213,
226
],
rawHsl: [
212,
29,
84
],
rawOklch: [
0.869,
0.022,
252.894
]
},
"slate-400": {
hex: "#90a1b9",
rgb: "rgb(144, 161, 185)",
hsl: "hsl(215, 23%, 65%)",
oklch: "oklch(0.704 0.04 256.788)",
rawRgb: [
144,
161,
185
],
rawHsl: [
215,
23,
65
],
rawOklch: [
0.704,
0.04,
256.788
]
},
"slate-500": {
hex: "#62748e",
rgb: "rgb(98, 116, 142)",
hsl: "hsl(215, 18%, 47%)",
oklch: "oklch(0.554 0.046 257.417)",
raw