@codefast/ui 0.0.66 → 0.0.68

package/src/lib/colors.ts

@@ -1,1757 +0,0 @@
-export const colors = {
-  inherit: 'inherit',
-  transparent: 'transparent',
-  current: 'currentColor',
-  black: {
-    hex: '#000000',
-    rgb: 'rgb(0,0,0)',
-    hsl: 'hsl(0,0%,0%)',
-    rgbChannel: '0 0 0',
-    hslChannel: '0deg 0% 0%',
-  },
-  white: {
-    hex: '#ffffff',
-    rgb: 'rgb(255,255,255)',
-    hsl: 'hsl(0,0%,100%)',
-    rgbChannel: '255 255 255',
-    hslChannel: '0deg 0% 100%',
-  },
-  amber: {
-    50: {
-      hex: '#fffbeb',
-      rgb: 'rgb(255,251,235)',
-      hsl: 'hsl(48,100%,96.1%)',
-      rgbChannel: '255 251 235',
-      hslChannel: '48deg 100% 96.1%',
-    },
-    100: {
-      hex: '#fef3c7',
-      rgb: 'rgb(254,243,199)',
-      hsl: 'hsl(48,96.5%,88.8%)',
-      rgbChannel: '254 243 199',
-      hslChannel: '48deg 96.5% 88.8%',
-    },
-    200: {
-      hex: '#fde68a',
-      rgb: 'rgb(253,230,138)',
-      hsl: 'hsl(48,96.6%,76.7%)',
-      rgbChannel: '253 230 138',
-      hslChannel: '48deg 96.6% 76.7%',
-    },
-    300: {
-      hex: '#fcd34d',
-      rgb: 'rgb(252,211,77)',
-      hsl: 'hsl(45.9,96.7%,64.5%)',
-      rgbChannel: '252 211 77',
-      hslChannel: '45.9deg 96.7% 64.5%',
-    },
-    400: {
-      hex: '#fbbf24',
-      rgb: 'rgb(251,191,36)',
-      hsl: 'hsl(43.3,96.4%,56.3%)',
-      rgbChannel: '251 191 36',
-      hslChannel: '43.3deg 96.4% 56.3%',
-    },
-    500: {
-      hex: '#f59e0b',
-      rgb: 'rgb(245,158,11)',
-      hsl: 'hsl(37.7,92.1%,50.2%)',
-      rgbChannel: '245 158 11',
-      hslChannel: '37.7deg 92.1% 50.2%',
-    },
-    600: {
-      hex: '#d97706',
-      rgb: 'rgb(217,119,6)',
-      hsl: 'hsl(32.1,94.6%,43.7%)',
-      rgbChannel: '217 119 6',
-      hslChannel: '32.1deg 94.6% 43.7%',
-    },
-    700: {
-      hex: '#b45309',
-      rgb: 'rgb(180,83,9)',
-      hsl: 'hsl(26,90.5%,37.1%)',
-      rgbChannel: '180 83 9',
-      hslChannel: '26deg 90.5% 37.1%',
-    },
-    800: {
-      hex: '#92400e',
-      rgb: 'rgb(146,64,14)',
-      hsl: 'hsl(22.7,82.5%,31.4%)',
-      rgbChannel: '146 64 14',
-      hslChannel: '22.7deg 82.5% 31.4%',
-    },
-    900: {
-      hex: '#78350f',
-      rgb: 'rgb(120,53,15)',
-      hsl: 'hsl(21.7,77.8%,26.5%)',
-      rgbChannel: '120 53 15',
-      hslChannel: '21.7deg 77.8% 26.5%',
-    },
-    950: {
-      hex: '#451a03',
-      rgb: 'rgb(69,26,3)',
-      hsl: 'hsl(20.9,91.7%,14.1%)',
-      rgbChannel: '69 26 3',
-      hslChannel: '20.9deg 91.7% 14.1%',
-    },
-  },
-  blue: {
-    50: {
-      hex: '#eff6ff',
-      rgb: 'rgb(239,246,255)',
-      hsl: 'hsl(213.8,100%,96.9%)',
-      rgbChannel: '239 246 255',
-      hslChannel: '213.8deg 100% 96.9%',
-    },
-    100: {
-      hex: '#dbeafe',
-      rgb: 'rgb(219,234,254)',
-      hsl: 'hsl(214.3,94.6%,92.7%)',
-      rgbChannel: '219 234 254',
-      hslChannel: '214.3deg 94.6% 92.7%',
-    },
-    200: {
-      hex: '#bfdbfe',
-      rgb: 'rgb(191,219,254)',
-      hsl: 'hsl(213.3,96.9%,87.3%)',
-      rgbChannel: '191 219 254',
-      hslChannel: '213.3deg 96.9% 87.3%',
-    },
-    300: {
-      hex: '#93c5fd',
-      rgb: 'rgb(147,197,253)',
-      hsl: 'hsl(211.7,96.4%,78.4%)',
-      rgbChannel: '147 197 253',
-      hslChannel: '211.7deg 96.4% 78.4%',
-    },
-    400: {
-      hex: '#60a5fa',
-      rgb: 'rgb(96,165,250)',
-      hsl: 'hsl(213.1,93.9%,67.8%)',
-      rgbChannel: '96 165 250',
-      hslChannel: '213.1deg 93.9% 67.8%',
-    },
-    500: {
-      hex: '#3b82f6',
-      rgb: 'rgb(59,130,246)',
-      hsl: 'hsl(217.2,91.2%,59.8%)',
-      rgbChannel: '59 130 246',
-      hslChannel: '217.2deg 91.2% 59.8%',
-    },
-    600: {
-      hex: '#2563eb',
-      rgb: 'rgb(37,99,235)',
-      hsl: 'hsl(221.2,83.2%,53.3%)',
-      rgbChannel: '37 99 235',
-      hslChannel: '221.2deg 83.2% 53.3%',
-    },
-    700: {
-      hex: '#1d4ed8',
-      rgb: 'rgb(29,78,216)',
-      hsl: 'hsl(224.3,76.3%,48%)',
-      rgbChannel: '29 78 216',
-      hslChannel: '224.3deg 76.3% 48%',
-    },
-    800: {
-      hex: '#1e40af',
-      rgb: 'rgb(30,64,175)',
-      hsl: 'hsl(225.9,70.7%,40.2%)',
-      rgbChannel: '30 64 175',
-      hslChannel: '225.9deg 70.7% 40.2%',
-    },
-    900: {
-      hex: '#1e3a8a',
-      rgb: 'rgb(30,58,138)',
-      hsl: 'hsl(224.4,64.3%,32.9%)',
-      rgbChannel: '30 58 138',
-      hslChannel: '224.4deg 64.3% 32.9%',
-    },
-    950: {
-      hex: '#172554',
-      rgb: 'rgb(23,37,84)',
-      hsl: 'hsl(226.2,57%,21%)',
-      rgbChannel: '23 37 84',
-      hslChannel: '226.2deg 57% 21%',
-    },
-  },
-  cyan: {
-    50: {
-      hex: '#ecfeff',
-      rgb: 'rgb(236,254,255)',
-      hsl: 'hsl(183.2,100%,96.3%)',
-      rgbChannel: '236 254 255',
-      hslChannel: '183.2deg 100% 96.3%',
-    },
-    100: {
-      hex: '#cffafe',
-      rgb: 'rgb(207,250,254)',
-      hsl: 'hsl(185.1,95.9%,90.4%)',
-      rgbChannel: '207 250 254',
-      hslChannel: '185.1deg 95.9% 90.4%',
-    },
-    200: {
-      hex: '#a5f3fc',
-      rgb: 'rgb(165,243,252)',
-      hsl: 'hsl(186.2,93.5%,81.8%)',
-      rgbChannel: '165 243 252',
-      hslChannel: '186.2deg 93.5% 81.8%',
-    },
-    300: {
-      hex: '#67e8f9',
-      rgb: 'rgb(103,232,249)',
-      hsl: 'hsl(187,92.4%,69%)',
-      rgbChannel: '103 232 249',
-      hslChannel: '187deg 92.4% 69%',
-    },
-    400: {
-      hex: '#22d3ee',
-      rgb: 'rgb(34,211,238)',
-      hsl: 'hsl(187.9,85.7%,53.3%)',
-      rgbChannel: '34 211 238',
-      hslChannel: '187.9deg 85.7% 53.3%',
-    },
-    500: {
-      hex: '#06b6d4',
-      rgb: 'rgb(6,182,212)',
-      hsl: 'hsl(188.7,94.5%,42.7%)',
-      rgbChannel: '6 182 212',
-      hslChannel: '188.7deg 94.5% 42.7%',
-    },
-    600: {
-      hex: '#0891b2',
-      rgb: 'rgb(8,145,178)',
-      hsl: 'hsl(191.6,91.4%,36.5%)',
-      rgbChannel: '8 145 178',
-      hslChannel: '191.6deg 91.4% 36.5%',
-    },
-    700: {
-      hex: '#0e7490',
-      rgb: 'rgb(14,116,144)',
-      hsl: 'hsl(192.9,82.3%,31%)',
-      rgbChannel: '14 116 144',
-      hslChannel: '192.9deg 82.3% 31%',
-    },
-    800: {
-      hex: '#155e75',
-      rgb: 'rgb(21,94,117)',
-      hsl: 'hsl(194.4,69.6%,27.1%)',
-      rgbChannel: '21 94 117',
-      hslChannel: '194.4deg 69.6% 27.1%',
-    },
-    900: {
-      hex: '#164e63',
-      rgb: 'rgb(22,78,99)',
-      hsl: 'hsl(196.4,63.6%,23.7%)',
-      rgbChannel: '22 78 99',
-      hslChannel: '196.4deg 63.6% 23.7%',
-    },
-    950: {
-      hex: '#083344',
-      rgb: 'rgb(8,51,68)',
-      hsl: 'hsl(197,78.9%,14.9%)',
-      rgbChannel: '8 51 68',
-      hslChannel: '197deg 78.9% 14.9%',
-    },
-  },
-  emerald: {
-    50: {
-      hex: '#ecfdf5',
-      rgb: 'rgb(236,253,245)',
-      hsl: 'hsl(151.8,81%,95.9%)',
-      rgbChannel: '236 253 245',
-      hslChannel: '151.8deg 81% 95.9%',
-    },
-    100: {
-      hex: '#d1fae5',
-      rgb: 'rgb(209,250,229)',
-      hsl: 'hsl(149.3,80.4%,90%)',
-      rgbChannel: '209 250 229',
-      hslChannel: '149.3deg 80.4% 90%',
-    },
-    200: {
-      hex: '#a7f3d0',
-      rgb: 'rgb(167,243,208)',
-      hsl: 'hsl(152.4,76%,80.4%)',
-      rgbChannel: '167 243 208',
-      hslChannel: '152.4deg 76% 80.4%',
-    },
-    300: {
-      hex: '#6ee7b7',
-      rgb: 'rgb(110,231,183)',
-      hsl: 'hsl(156.2,71.6%,66.9%)',
-      rgbChannel: '110 231 183',
-      hslChannel: '156.2deg 71.6% 66.9%',
-    },
-    400: {
-      hex: '#34d399',
-      rgb: 'rgb(52,211,153)',
-      hsl: 'hsl(158.1,64.4%,51.6%)',
-      rgbChannel: '52 211 153',
-      hslChannel: '158.1deg 64.4% 51.6%',
-    },
-    500: {
-      hex: '#10b981',
-      rgb: 'rgb(16,185,129)',
-      hsl: 'hsl(160.1,84.1%,39.4%)',
-      rgbChannel: '16 185 129',
-      hslChannel: '160.1deg 84.1% 39.4%',
-    },
-    600: {
-      hex: '#059669',
-      rgb: 'rgb(5,150,105)',
-      hsl: 'hsl(161.4,93.5%,30.4%)',
-      rgbChannel: '5 150 105',
-      hslChannel: '161.4deg 93.5% 30.4%',
-    },
-    700: {
-      hex: '#047857',
-      rgb: 'rgb(4,120,87)',
-      hsl: 'hsl(162.9,93.5%,24.3%)',
-      rgbChannel: '4 120 87',
-      hslChannel: '162.9deg 93.5% 24.3%',
-    },
-    800: {
-      hex: '#065f46',
-      rgb: 'rgb(6,95,70)',
-      hsl: 'hsl(163.1,88.1%,19.8%)',
-      rgbChannel: '6 95 70',
-      hslChannel: '163.1deg 88.1% 19.8%',
-    },
-    900: {
-      hex: '#064e3b',
-      rgb: 'rgb(6,78,59)',
-      hsl: 'hsl(164.2,85.7%,16.5%)',
-      rgbChannel: '6 78 59',
-      hslChannel: '164.2deg 85.7% 16.5%',
-    },
-    950: {
-      hex: '#022c22',
-      rgb: 'rgb(2,44,34)',
-      hsl: 'hsl(165.7,91.3%,9%)',
-      rgbChannel: '2 44 34',
-      hslChannel: '165.7deg 91.3% 9%',
-    },
-  },
-  fuchsia: {
-    50: {
-      hex: '#fdf4ff',
-      rgb: 'rgb(253,244,255)',
-      hsl: 'hsl(289.1,100%,97.8%)',
-      rgbChannel: '253 244 255',
-      hslChannel: '289.1deg 100% 97.8%',
-    },
-    100: {
-      hex: '#fae8ff',
-      rgb: 'rgb(250,232,255)',
-      hsl: 'hsl(287,100%,95.5%)',
-      rgbChannel: '250 232 255',
-      hslChannel: '287deg 100% 95.5%',
-    },
-    200: {
-      hex: '#f5d0fe',
-      rgb: 'rgb(245,208,254)',
-      hsl: 'hsl(288.3,95.8%,90.6%)',
-      rgbChannel: '245 208 254',
-      hslChannel: '288.3deg 95.8% 90.6%',
-    },
-    300: {
-      hex: '#f0abfc',
-      rgb: 'rgb(240,171,252)',
-      hsl: 'hsl(291.1,93.1%,82.9%)',
-      rgbChannel: '240 171 252',
-      hslChannel: '291.1deg 93.1% 82.9%',
-    },
-    400: {
-      hex: '#e879f9',
-      rgb: 'rgb(232,121,249)',
-      hsl: 'hsl(292,91.4%,72.5%)',
-      rgbChannel: '232 121 249',
-      hslChannel: '292deg 91.4% 72.5%',
-    },
-    500: {
-      hex: '#d946ef',
-      rgb: 'rgb(217,70,239)',
-      hsl: 'hsl(292.2,84.1%,60.6%)',
-      rgbChannel: '217 70 239',
-      hslChannel: '292.2deg 84.1% 60.6%',
-    },
-    600: {
-      hex: '#c026d3',
-      rgb: 'rgb(192,38,211)',
-      hsl: 'hsl(293.4,69.5%,48.8%)',
-      rgbChannel: '192 38 211',
-      hslChannel: '293.4deg 69.5% 48.8%',
-    },
-    700: {
-      hex: '#a21caf',
-      rgb: 'rgb(162,28,175)',
-      hsl: 'hsl(294.7,72.4%,39.8%)',
-      rgbChannel: '162 28 175',
-      hslChannel: '294.7deg 72.4% 39.8%',
-    },
-    800: {
-      hex: '#86198f',
-      rgb: 'rgb(134,25,143)',
-      hsl: 'hsl(295.4,70.2%,32.9%)',
-      rgbChannel: '134 25 143',
-      hslChannel: '295.4deg 70.2% 32.9%',
-    },
-    900: {
-      hex: '#701a75',
-      rgb: 'rgb(112,26,117)',
-      hsl: 'hsl(296.7,63.6%,28%)',
-      rgbChannel: '112 26 117',
-      hslChannel: '296.7deg 63.6% 28%',
-    },
-    950: {
-      hex: '#4a044e',
-      rgb: 'rgb(74,4,78)',
-      hsl: 'hsl(296.8,90.2%,16.1%)',
-      rgbChannel: '74 4 78',
-      hslChannel: '296.8deg 90.2% 16.1%',
-    },
-  },
-  gray: {
-    50: {
-      hex: '#f9fafb',
-      rgb: 'rgb(249,250,251)',
-      hsl: 'hsl(210,20%,98%)',
-      rgbChannel: '249 250 251',
-      hslChannel: '210deg 20% 98%',
-    },
-    100: {
-      hex: '#f3f4f6',
-      rgb: 'rgb(243,244,246)',
-      hsl: 'hsl(220,14.3%,95.9%)',
-      rgbChannel: '243 244 246',
-      hslChannel: '220deg 14.3% 95.9%',
-    },
-    200: {
-      hex: '#e5e7eb',
-      rgb: 'rgb(229,231,235)',
-      hsl: 'hsl(220,13%,91%)',
-      rgbChannel: '229 231 235',
-      hslChannel: '220deg 13% 91%',
-    },
-    300: {
-      hex: '#d1d5db',
-      rgb: 'rgb(209,213,219)',
-      hsl: 'hsl(216,12.2%,83.9%)',
-      rgbChannel: '209 213 219',
-      hslChannel: '216deg 12.2% 83.9%',
-    },
-    400: {
-      hex: '#9ca3af',
-      rgb: 'rgb(156,163,175)',
-      hsl: 'hsl(217.9,10.6%,64.9%)',
-      rgbChannel: '156 163 175',
-      hslChannel: '217.9deg 10.6% 64.9%',
-    },
-    500: {
-      hex: '#6b7280',
-      rgb: 'rgb(107,114,128)',
-      hsl: 'hsl(220,8.9%,46.1%)',
-      rgbChannel: '107 114 128',
-      hslChannel: '220deg 8.9% 46.1%',
-    },
-    600: {
-      hex: '#4b5563',
-      rgb: 'rgb(75,85,99)',
-      hsl: 'hsl(215,13.8%,34.1%)',
-      rgbChannel: '75 85 99',
-      hslChannel: '215deg 13.8% 34.1%',
-    },
-    700: {
-      hex: '#374151',
-      rgb: 'rgb(55,65,81)',
-      hsl: 'hsl(216.9,19.1%,26.7%)',
-      rgbChannel: '55 65 81',
-      hslChannel: '216.9deg 19.1% 26.7%',
-    },
-    800: {
-      hex: '#1f2937',
-      rgb: 'rgb(31,41,55)',
-      hsl: 'hsl(215,27.9%,16.9%)',
-      rgbChannel: '31 41 55',
-      hslChannel: '215deg 27.9% 16.9%',
-    },
-    900: {
-      hex: '#111827',
-      rgb: 'rgb(17,24,39)',
-      hsl: 'hsl(220.9,39.3%,11%)',
-      rgbChannel: '17 24 39',
-      hslChannel: '220.9deg 39.3% 11%',
-    },
-    950: {
-      hex: '#030712',
-      rgb: 'rgb(3,7,18)',
-      hsl: 'hsl(224,71.4%,4.1%)',
-      rgbChannel: '3 7 18',
-      hslChannel: '224deg 71.4% 4.1%',
-    },
-  },
-  green: {
-    50: {
-      hex: '#f0fdf4',
-      rgb: 'rgb(240,253,244)',
-      hsl: 'hsl(138.5,76.5%,96.7%)',
-      rgbChannel: '240 253 244',
-      hslChannel: '138.5deg 76.5% 96.7%',
-    },
-    100: {
-      hex: '#dcfce7',
-      rgb: 'rgb(220,252,231)',
-      hsl: 'hsl(140.6,84.2%,92.5%)',
-      rgbChannel: '220 252 231',
-      hslChannel: '140.6deg 84.2% 92.5%',
-    },
-    200: {
-      hex: '#bbf7d0',
-      rgb: 'rgb(187,247,208)',
-      hsl: 'hsl(141,78.9%,85.1%)',
-      rgbChannel: '187 247 208',
-      hslChannel: '141deg 78.9% 85.1%',
-    },
-    300: {
-      hex: '#86efac',
-      rgb: 'rgb(134,239,172)',
-      hsl: 'hsl(141.7,76.6%,73.1%)',
-      rgbChannel: '134 239 172',
-      hslChannel: '141.7deg 76.6% 73.1%',
-    },
-    400: {
-      hex: '#4ade80',
-      rgb: 'rgb(74,222,128)',
-      hsl: 'hsl(141.9,69.2%,58%)',
-      rgbChannel: '74 222 128',
-      hslChannel: '141.9deg 69.2% 58%',
-    },
-    500: {
-      hex: '#22c55e',
-      rgb: 'rgb(34,197,94)',
-      hsl: 'hsl(142.1,70.6%,45.3%)',
-      rgbChannel: '34 197 94',
-      hslChannel: '142.1deg 70.6% 45.3%',
-    },
-    600: {
-      hex: '#16a34a',
-      rgb: 'rgb(22,163,74)',
-      hsl: 'hsl(142.1,76.2%,36.3%)',
-      rgbChannel: '22 163 74',
-      hslChannel: '142.1deg 76.2% 36.3%',
-    },
-    700: {
-      hex: '#15803d',
-      rgb: 'rgb(21,128,61)',
-      hsl: 'hsl(142.4,71.8%,29.2%)',
-      rgbChannel: '21 128 61',
-      hslChannel: '142.4deg 71.8% 29.2%',
-    },
-    800: {
-      hex: '#166534',
-      rgb: 'rgb(22,101,52)',
-      hsl: 'hsl(142.8,64.2%,24.1%)',
-      rgbChannel: '22 101 52',
-      hslChannel: '142.8deg 64.2% 24.1%',
-    },
-    900: {
-      hex: '#14532d',
-      rgb: 'rgb(20,83,45)',
-      hsl: 'hsl(143.8,61.2%,20.2%)',
-      rgbChannel: '20 83 45',
-      hslChannel: '143.8deg 61.2% 20.2%',
-    },
-    950: {
-      hex: '#052e16',
-      rgb: 'rgb(5,46,22)',
-      hsl: 'hsl(144.9,80.4%,10%)',
-      rgbChannel: '5 46 22',
-      hslChannel: '144.9deg 80.4% 10%',
-    },
-  },
-  indigo: {
-    50: {
-      hex: '#eef2ff',
-      rgb: 'rgb(238,242,255)',
-      hsl: 'hsl(225.9,100%,96.7%)',
-      rgbChannel: '238 242 255',
-      hslChannel: '225.9deg 100% 96.7%',
-    },
-    100: {
-      hex: '#e0e7ff',
-      rgb: 'rgb(224,231,255)',
-      hsl: 'hsl(226.5,100%,93.9%)',
-      rgbChannel: '224 231 255',
-      hslChannel: '226.5deg 100% 93.9%',
-    },
-    200: {
-      hex: '#c7d2fe',
-      rgb: 'rgb(199,210,254)',
-      hsl: 'hsl(228,96.5%,88.8%)',
-      rgbChannel: '199 210 254',
-      hslChannel: '228deg 96.5% 88.8%',
-    },
-    300: {
-      hex: '#a5b4fc',
-      rgb: 'rgb(165,180,252)',
-      hsl: 'hsl(229.7,93.5%,81.8%)',
-      rgbChannel: '165 180 252',
-      hslChannel: '229.7deg 93.5% 81.8%',
-    },
-    400: {
-      hex: '#818cf8',
-      rgb: 'rgb(129,140,248)',
-      hsl: 'hsl(234.5,89.5%,73.9%)',
-      rgbChannel: '129 140 248',
-      hslChannel: '234.5deg 89.5% 73.9%',
-    },
-    500: {
-      hex: '#6366f1',
-      rgb: 'rgb(99,102,241)',
-      hsl: 'hsl(238.7,83.5%,66.7%)',
-      rgbChannel: '99 102 241',
-      hslChannel: '238.7deg 83.5% 66.7%',
-    },
-    600: {
-      hex: '#4f46e5',
-      rgb: 'rgb(79,70,229)',
-      hsl: 'hsl(243.4,75.4%,58.6%)',
-      rgbChannel: '79 70 229',
-      hslChannel: '243.4deg 75.4% 58.6%',
-    },
-    700: {
-      hex: '#4338ca',
-      rgb: 'rgb(67,56,202)',
-      hsl: 'hsl(244.5,57.9%,50.6%)',
-      rgbChannel: '67 56 202',
-      hslChannel: '244.5deg 57.9% 50.6%',
-    },
-    800: {
-      hex: '#3730a3',
-      rgb: 'rgb(55,48,163)',
-      hsl: 'hsl(243.7,54.5%,41.4%)',
-      rgbChannel: '55 48 163',
-      hslChannel: '243.7deg 54.5% 41.4%',
-    },
-    900: {
-      hex: '#312e81',
-      rgb: 'rgb(49,46,129)',
-      hsl: 'hsl(242.2,47.4%,34.3%)',
-      rgbChannel: '49 46 129',
-      hslChannel: '242.2deg 47.4% 34.3%',
-    },
-    950: {
-      hex: '#1e1b4b',
-      rgb: 'rgb(30,27,75)',
-      hsl: 'hsl(243.8,47.1%,20%)',
-      rgbChannel: '30 27 75',
-      hslChannel: '243.8deg 47.1% 20%',
-    },
-  },
-  lime: {
-    50: {
-      hex: '#f7fee7',
-      rgb: 'rgb(247,254,231)',
-      hsl: 'hsl(78.3,92%,95.1%)',
-      rgbChannel: '247 254 231',
-      hslChannel: '78.3deg 92% 95.1%',
-    },
-    100: {
-      hex: '#ecfccb',
-      rgb: 'rgb(236,252,203)',
-      hsl: 'hsl(79.6,89.1%,89.2%)',
-      rgbChannel: '236 252 203',
-      hslChannel: '79.6deg 89.1% 89.2%',
-    },
-    200: {
-      hex: '#d9f99d',
-      rgb: 'rgb(217,249,157)',
-      hsl: 'hsl(80.9,88.5%,79.6%)',
-      rgbChannel: '217 249 157',
-      hslChannel: '80.9deg 88.5% 79.6%',
-    },
-    300: {
-      hex: '#bef264',
-      rgb: 'rgb(190,242,100)',
-      hsl: 'hsl(82,84.5%,67.1%)',
-      rgbChannel: '190 242 100',
-      hslChannel: '82deg 84.5% 67.1%',
-    },
-    400: {
-      hex: '#a3e635',
-      rgb: 'rgb(163,230,53)',
-      hsl: 'hsl(82.7,78%,55.5%)',
-      rgbChannel: '163 230 53',
-      hslChannel: '82.7deg 78% 55.5%',
-    },
-    500: {
-      hex: '#84cc16',
-      rgb: 'rgb(132,204,22)',
-      hsl: 'hsl(83.7,80.5%,44.3%)',
-      rgbChannel: '132 204 22',
-      hslChannel: '83.7deg 80.5% 44.3%',
-    },
-    600: {
-      hex: '#65a30d',
-      rgb: 'rgb(101,163,13)',
-      hsl: 'hsl(84.8,85.2%,34.5%)',
-      rgbChannel: '101 163 13',
-      hslChannel: '84.8deg 85.2% 34.5%',
-    },
-    700: {
-      hex: '#4d7c0f',
-      rgb: 'rgb(77,124,15)',
-      hsl: 'hsl(85.9,78.4%,27.3%)',
-      rgbChannel: '77 124 15',
-      hslChannel: '85.9deg 78.4% 27.3%',
-    },
-    800: {
-      hex: '#3f6212',
-      rgb: 'rgb(63,98,18)',
-      hsl: 'hsl(86.3,69%,22.7%)',
-      rgbChannel: '63 98 18',
-      hslChannel: '86.3deg 69% 22.7%',
-    },
-    900: {
-      hex: '#365314',
-      rgb: 'rgb(54,83,20)',
-      hsl: 'hsl(87.6,61.2%,20.2%)',
-      rgbChannel: '54 83 20',
-      hslChannel: '87.6deg 61.2% 20.2%',
-    },
-    950: {
-      hex: '#1a2e05',
-      rgb: 'rgb(26,46,5)',
-      hsl: 'hsl(89.3,80.4%,10%)',
-      rgbChannel: '26 46 5',
-      hslChannel: '89.3deg 80.4% 10%',
-    },
-  },
-  neutral: {
-    50: {
-      hex: '#fafafa',
-      rgb: 'rgb(250,250,250)',
-      hsl: 'hsl(0,0%,98%)',
-      rgbChannel: '250 250 250',
-      hslChannel: '0deg 0% 98%',
-    },
-    100: {
-      hex: '#f5f5f5',
-      rgb: 'rgb(245,245,245)',
-      hsl: 'hsl(0,0%,96.1%)',
-      rgbChannel: '245 245 245',
-      hslChannel: '0deg 0% 96.1%',
-    },
-    200: {
-      hex: '#e5e5e5',
-      rgb: 'rgb(229,229,229)',
-      hsl: 'hsl(0,0%,89.8%)',
-      rgbChannel: '229 229 229',
-      hslChannel: '0deg 0% 89.8%',
-    },
-    300: {
-      hex: '#d4d4d4',
-      rgb: 'rgb(212,212,212)',
-      hsl: 'hsl(0,0%,83.1%)',
-      rgbChannel: '212 212 212',
-      hslChannel: '0deg 0% 83.1%',
-    },
-    400: {
-      hex: '#a3a3a3',
-      rgb: 'rgb(163,163,163)',
-      hsl: 'hsl(0,0%,63.9%)',
-      rgbChannel: '163 163 163',
-      hslChannel: '0deg 0% 63.9%',
-    },
-    500: {
-      hex: '#737373',
-      rgb: 'rgb(115,115,115)',
-      hsl: 'hsl(0,0%,45.1%)',
-      rgbChannel: '115 115 115',
-      hslChannel: '0deg 0% 45.1%',
-    },
-    600: {
-      hex: '#525252',
-      rgb: 'rgb(82,82,82)',
-      hsl: 'hsl(0,0%,32.2%)',
-      rgbChannel: '82 82 82',
-      hslChannel: '0deg 0% 32.2%',
-    },
-    700: {
-      hex: '#404040',
-      rgb: 'rgb(64,64,64)',
-      hsl: 'hsl(0,0%,25.1%)',
-      rgbChannel: '64 64 64',
-      hslChannel: '0deg 0% 25.1%',
-    },
-    800: {
-      hex: '#262626',
-      rgb: 'rgb(38,38,38)',
-      hsl: 'hsl(0,0%,14.9%)',
-      rgbChannel: '38 38 38',
-      hslChannel: '0deg 0% 14.9%',
-    },
-    900: {
-      hex: '#171717',
-      rgb: 'rgb(23,23,23)',
-      hsl: 'hsl(0,0%,9%)',
-      rgbChannel: '23 23 23',
-      hslChannel: '0deg 0% 9%',
-    },
-    950: {
-      hex: '#0a0a0a',
-      rgb: 'rgb(10,10,10)',
-      hsl: 'hsl(0,0%,3.9%)',
-      rgbChannel: '10 10 10',
-      hslChannel: '0deg 0% 3.9%',
-    },
-  },
-  orange: {
-    50: {
-      hex: '#fff7ed',
-      rgb: 'rgb(255,247,237)',
-      hsl: 'hsl(33.3,100%,96.5%)',
-      rgbChannel: '255 247 237',
-      hslChannel: '33.3deg 100% 96.5%',
-    },
-    100: {
-      hex: '#ffedd5',
-      rgb: 'rgb(255,237,213)',
-      hsl: 'hsl(34.3,100%,91.8%)',
-      rgbChannel: '255 237 213',
-      hslChannel: '34.3deg 100% 91.8%',
-    },
-    200: {
-      hex: '#fed7aa',
-      rgb: 'rgb(254,215,170)',
-      hsl: 'hsl(32.1,97.7%,83.1%)',
-      rgbChannel: '254 215 170',
-      hslChannel: '32.1deg 97.7% 83.1%',
-    },
-    300: {
-      hex: '#fdba74',
-      rgb: 'rgb(253,186,116)',
-      hsl: 'hsl(30.7,97.2%,72.4%)',
-      rgbChannel: '253 186 116',
-      hslChannel: '30.7deg 97.2% 72.4%',
-    },
-    400: {
-      hex: '#fb923c',
-      rgb: 'rgb(251,146,60)',
-      hsl: 'hsl(27,96%,61%)',
-      rgbChannel: '251 146 60',
-      hslChannel: '27deg 96% 61%',
-    },
-    500: {
-      hex: '#f97316',
-      rgb: 'rgb(249,115,22)',
-      hsl: 'hsl(24.6,95%,53.1%)',
-      rgbChannel: '249 115 22',
-      hslChannel: '24.6deg 95% 53.1%',
-    },
-    600: {
-      hex: '#ea580c',
-      rgb: 'rgb(234,88,12)',
-      hsl: 'hsl(20.5,90.2%,48.2%)',
-      rgbChannel: '234 88 12',
-      hslChannel: '20.5deg 90.2% 48.2%',
-    },
-    700: {
-      hex: '#c2410c',
-      rgb: 'rgb(194,65,12)',
-      hsl: 'hsl(17.5,88.3%,40.4%)',
-      rgbChannel: '194 65 12',
-      hslChannel: '17.5deg 88.3% 40.4%',
-    },
-    800: {
-      hex: '#9a3412',
-      rgb: 'rgb(154,52,18)',
-      hsl: 'hsl(15,79.1%,33.7%)',
-      rgbChannel: '154 52 18',
-      hslChannel: '15deg 79.1% 33.7%',
-    },
-    900: {
-      hex: '#7c2d12',
-      rgb: 'rgb(124,45,18)',
-      hsl: 'hsl(15.3,74.6%,27.8%)',
-      rgbChannel: '124 45 18',
-      hslChannel: '15.3deg 74.6% 27.8%',
-    },
-    950: {
-      hex: '#431407',
-      rgb: 'rgb(67,20,7)',
-      hsl: 'hsl(13,81.1%,14.5%)',
-      rgbChannel: '67 20 7',
-      hslChannel: '13deg 81.1% 14.5%',
-    },
-  },
-  pink: {
-    50: {
-      hex: '#fdf2f8',
-      rgb: 'rgb(253,242,248)',
-      hsl: 'hsl(327.3,73.3%,97.1%)',
-      rgbChannel: '253 242 248',
-      hslChannel: '327.3deg 73.3% 97.1%',
-    },
-    100: {
-      hex: '#fce7f3',
-      rgb: 'rgb(252,231,243)',
-      hsl: 'hsl(325.7,77.8%,94.7%)',
-      rgbChannel: '252 231 243',
-      hslChannel: '325.7deg 77.8% 94.7%',
-    },
-    200: {
-      hex: '#fbcfe8',
-      rgb: 'rgb(251,207,232)',
-      hsl: 'hsl(325.9,84.6%,89.8%)',
-      rgbChannel: '251 207 232',
-      hslChannel: '325.9deg 84.6% 89.8%',
-    },
-    300: {
-      hex: '#f9a8d4',
-      rgb: 'rgb(249,168,212)',
-      hsl: 'hsl(327.4,87.1%,81.8%)',
-      rgbChannel: '249 168 212',
-      hslChannel: '327.4deg 87.1% 81.8%',
-    },
-    400: {
-      hex: '#f472b6',
-      rgb: 'rgb(244,114,182)',
-      hsl: 'hsl(328.6,85.5%,70.2%)',
-      rgbChannel: '244 114 182',
-      hslChannel: '328.6deg 85.5% 70.2%',
-    },
-    500: {
-      hex: '#ec4899',
-      rgb: 'rgb(236,72,153)',
-      hsl: 'hsl(330.4,81.2%,60.4%)',
-      rgbChannel: '236 72 153',
-      hslChannel: '330.4deg 81.2% 60.4%',
-    },
-    600: {
-      hex: '#db2777',
-      rgb: 'rgb(219,39,119)',
-      hsl: 'hsl(333.3,71.4%,50.6%)',
-      rgbChannel: '219 39 119',
-      hslChannel: '333.3deg 71.4% 50.6%',
-    },
-    700: {
-      hex: '#be185d',
-      rgb: 'rgb(190,24,93)',
-      hsl: 'hsl(335.1,77.6%,42%)',
-      rgbChannel: '190 24 93',
-      hslChannel: '335.1deg 77.6% 42%',
-    },
-    800: {
-      hex: '#9d174d',
-      rgb: 'rgb(157,23,77)',
-      hsl: 'hsl(335.8,74.4%,35.3%)',
-      rgbChannel: '157 23 77',
-      hslChannel: '335.8deg 74.4% 35.3%',
-    },
-    900: {
-      hex: '#831843',
-      rgb: 'rgb(131,24,67)',
-      hsl: 'hsl(335.9,69%,30.4%)',
-      rgbChannel: '131 24 67',
-      hslChannel: '335.9deg 69% 30.4%',
-    },
-    950: {
-      hex: '#500724',
-      rgb: 'rgb(80,7,36)',
-      hsl: 'hsl(336.2,83.9%,17.1%)',
-      rgbChannel: '80 7 36',
-      hslChannel: '336.2deg 83.9% 17.1%',
-    },
-  },
-  purple: {
-    50: {
-      hex: '#faf5ff',
-      rgb: 'rgb(250,245,255)',
-      hsl: 'hsl(270,100%,98%)',
-      rgbChannel: '250 245 255',
-      hslChannel: '270deg 100% 98%',
-    },
-    100: {
-      hex: '#f3e8ff',
-      rgb: 'rgb(243,232,255)',
-      hsl: 'hsl(268.7,100%,95.5%)',
-      rgbChannel: '243 232 255',
-      hslChannel: '268.7deg 100% 95.5%',
-    },
-    200: {
-      hex: '#e9d5ff',
-      rgb: 'rgb(233,213,255)',
-      hsl: 'hsl(268.6,100%,91.8%)',
-      rgbChannel: '233 213 255',
-      hslChannel: '268.6deg 100% 91.8%',
-    },
-    300: {
-      hex: '#d8b4fe',
-      rgb: 'rgb(216,180,254)',
-      hsl: 'hsl(269.2,97.4%,85.1%)',
-      rgbChannel: '216 180 254',
-      hslChannel: '269.2deg 97.4% 85.1%',
-    },
-    400: {
-      hex: '#c084fc',
-      rgb: 'rgb(192,132,252)',
-      hsl: 'hsl(270,95.2%,75.3%)',
-      rgbChannel: '192 132 252',
-      hslChannel: '270deg 95.2% 75.3%',
-    },
-    500: {
-      hex: '#a855f7',
-      rgb: 'rgb(168,85,247)',
-      hsl: 'hsl(270.7,91%,65.1%)',
-      rgbChannel: '168 85 247',
-      hslChannel: '270.7deg 91% 65.1%',
-    },
-    600: {
-      hex: '#9333ea',
-      rgb: 'rgb(147,51,234)',
-      hsl: 'hsl(271.5,81.3%,55.9%)',
-      rgbChannel: '147 51 234',
-      hslChannel: '271.5deg 81.3% 55.9%',
-    },
-    700: {
-      hex: '#7e22ce',
-      rgb: 'rgb(126,34,206)',
-      hsl: 'hsl(272.1,71.7%,47.1%)',
-      rgbChannel: '126 34 206',
-      hslChannel: '272.1deg 71.7% 47.1%',
-    },
-    800: {
-      hex: '#6b21a8',
-      rgb: 'rgb(107,33,168)',
-      hsl: 'hsl(272.9,67.2%,39.4%)',
-      rgbChannel: '107 33 168',
-      hslChannel: '272.9deg 67.2% 39.4%',
-    },
-    900: {
-      hex: '#581c87',
-      rgb: 'rgb(88,28,135)',
-      hsl: 'hsl(273.6,65.6%,32%)',
-      rgbChannel: '88 28 135',
-      hslChannel: '273.6deg 65.6% 32%',
-    },
-    950: {
-      hex: '#3b0764',
-      rgb: 'rgb(59,7,100)',
-      hsl: 'hsl(273.5,86.9%,21%)',
-      rgbChannel: '59 7 100',
-      hslChannel: '273.5deg 86.9% 21%',
-    },
-  },
-  red: {
-    50: {
-      hex: '#fef2f2',
-      rgb: 'rgb(254,242,242)',
-      hsl: 'hsl(0,85.7%,97.3%)',
-      rgbChannel: '254 242 242',
-      hslChannel: '0deg 85.7% 97.3%',
-    },
-    100: {
-      hex: '#fee2e2',
-      rgb: 'rgb(254,226,226)',
-      hsl: 'hsl(0,93.3%,94.1%)',
-      rgbChannel: '254 226 226',
-      hslChannel: '0deg 93.3% 94.1%',
-    },
-    200: {
-      hex: '#fecaca',
-      rgb: 'rgb(254,202,202)',
-      hsl: 'hsl(0,96.3%,89.4%)',
-      rgbChannel: '254 202 202',
-      hslChannel: '0deg 96.3% 89.4%',
-    },
-    300: {
-      hex: '#fca5a5',
-      rgb: 'rgb(252,165,165)',
-      hsl: 'hsl(0,93.5%,81.8%)',
-      rgbChannel: '252 165 165',
-      hslChannel: '0deg 93.5% 81.8%',
-    },
-    400: {
-      hex: '#f87171',
-      rgb: 'rgb(248,113,113)',
-      hsl: 'hsl(0,90.6%,70.8%)',
-      rgbChannel: '248 113 113',
-      hslChannel: '0deg 90.6% 70.8%',
-    },
-    500: {
-      hex: '#ef4444',
-      rgb: 'rgb(239,68,68)',
-      hsl: 'hsl(0,84.2%,60.2%)',
-      rgbChannel: '239 68 68',
-      hslChannel: '0deg 84.2% 60.2%',
-    },
-    600: {
-      hex: '#dc2626',
-      rgb: 'rgb(220,38,38)',
-      hsl: 'hsl(0,72.2%,50.6%)',
-      rgbChannel: '220 38 38',
-      hslChannel: '0deg 72.2% 50.6%',
-    },
-    700: {
-      hex: '#b91c1c',
-      rgb: 'rgb(185,28,28)',
-      hsl: 'hsl(0,73.7%,41.8%)',
-      rgbChannel: '185 28 28',
-      hslChannel: '0deg 73.7% 41.8%',
-    },
-    800: {
-      hex: '#991b1b',
-      rgb: 'rgb(153,27,27)',
-      hsl: 'hsl(0,70%,35.3%)',
-      rgbChannel: '153 27 27',
-      hslChannel: '0deg 70% 35.3%',
-    },
-    900: {
-      hex: '#7f1d1d',
-      rgb: 'rgb(127,29,29)',
-      hsl: 'hsl(0,62.8%,30.6%)',
-      rgbChannel: '127 29 29',
-      hslChannel: '0deg 62.8% 30.6%',
-    },
-    950: {
-      hex: '#450a0a',
-      rgb: 'rgb(69,10,10)',
-      hsl: 'hsl(0,74.7%,15.5%)',
-      rgbChannel: '69 10 10',
-      hslChannel: '0deg 74.7% 15.5%',
-    },
-  },
-  rose: {
-    50: {
-      hex: '#fff1f2',
-      rgb: 'rgb(255,241,242)',
-      hsl: 'hsl(355.7,100%,97.3%)',
-      rgbChannel: '255 241 242',
-      hslChannel: '355.7deg 100% 97.3%',
-    },
-    100: {
-      hex: '#ffe4e6',
-      rgb: 'rgb(255,228,230)',
-      hsl: 'hsl(355.6,100%,94.7%)',
-      rgbChannel: '255 228 230',
-      hslChannel: '355.6deg 100% 94.7%',
-    },
-    200: {
-      hex: '#fecdd3',
-      rgb: 'rgb(254,205,211)',
-      hsl: 'hsl(352.7,96.1%,90%)',
-      rgbChannel: '254 205 211',
-      hslChannel: '352.7deg 96.1% 90%',
-    },
-    300: {
-      hex: '#fda4af',
-      rgb: 'rgb(253,164,175)',
-      hsl: 'hsl(352.6,95.7%,81.8%)',
-      rgbChannel: '253 164 175',
-      hslChannel: '352.6deg 95.7% 81.8%',
-    },
-    400: {
-      hex: '#fb7185',
-      rgb: 'rgb(251,113,133)',
-      hsl: 'hsl(351.3,94.5%,71.4%)',
-      rgbChannel: '251 113 133',
-      hslChannel: '351.3deg 94.5% 71.4%',
-    },
-    500: {
-      hex: '#f43f5e',
-      rgb: 'rgb(244,63,94)',
-      hsl: 'hsl(349.7,89.2%,60.2%)',
-      rgbChannel: '244 63 94',
-      hslChannel: '349.7deg 89.2% 60.2%',
-    },
-    600: {
-      hex: '#e11d48',
-      rgb: 'rgb(225,29,72)',
-      hsl: 'hsl(346.8,77.2%,49.8%)',
-      rgbChannel: '225 29 72',
-      hslChannel: '346.8deg 77.2% 49.8%',
-    },
-    700: {
-      hex: '#be123c',
-      rgb: 'rgb(190,18,60)',
-      hsl: 'hsl(345.3,82.7%,40.8%)',
-      rgbChannel: '190 18 60',
-      hslChannel: '345.3deg 82.7% 40.8%',
-    },
-    800: {
-      hex: '#9f1239',
-      rgb: 'rgb(159,18,57)',
-      hsl: 'hsl(343.4,79.7%,34.7%)',
-      rgbChannel: '159 18 57',
-      hslChannel: '343.4deg 79.7% 34.7%',
-    },
-    900: {
-      hex: '#881337',
-      rgb: 'rgb(136,19,55)',
-      hsl: 'hsl(341.5,75.5%,30.4%)',
-      rgbChannel: '136 19 55',
-      hslChannel: '341.5deg 75.5% 30.4%',
-    },
-    950: {
-      hex: '#4c0519',
-      rgb: 'rgb(76,5,25)',
-      hsl: 'hsl(343.1,87.7%,15.9%)',
-      rgbChannel: '76 5 25',
-      hslChannel: '343.1deg 87.7% 15.9%',
-    },
-  },
-  sky: {
-    50: {
-      hex: '#f0f9ff',
-      rgb: 'rgb(240,249,255)',
-      hsl: 'hsl(204,100%,97.1%)',
-      rgbChannel: '240 249 255',
-      hslChannel: '204deg 100% 97.1%',
-    },
-    100: {
-      hex: '#e0f2fe',
-      rgb: 'rgb(224,242,254)',
-      hsl: 'hsl(204,93.8%,93.7%)',
-      rgbChannel: '224 242 254',
-      hslChannel: '204deg 93.8% 93.7%',
-    },
-    200: {
-      hex: '#bae6fd',
-      rgb: 'rgb(186,230,253)',
-      hsl: 'hsl(200.6,94.4%,86.1%)',
-      rgbChannel: '186 230 253',
-      hslChannel: '200.6deg 94.4% 86.1%',
-    },
-    300: {
-      hex: '#7dd3fc',
-      rgb: 'rgb(125,211,252)',
-      hsl: 'hsl(199.4,95.5%,73.9%)',
-      rgbChannel: '125 211 252',
-      hslChannel: '199.4deg 95.5% 73.9%',
-    },
-    400: {
-      hex: '#38bdf8',
-      rgb: 'rgb(56,189,248)',
-      hsl: 'hsl(198.4,93.2%,59.6%)',
-      rgbChannel: '56 189 248',
-      hslChannel: '198.4deg 93.2% 59.6%',
-    },
-    500: {
-      hex: '#0ea5e9',
-      rgb: 'rgb(14,165,233)',
-      hsl: 'hsl(198.6,88.7%,48.4%)',
-      rgbChannel: '14 165 233',
-      hslChannel: '198.6deg 88.7% 48.4%',
-    },
-    600: {
-      hex: '#0284c7',
-      rgb: 'rgb(2,132,199)',
-      hsl: 'hsl(200.4,98%,39.4%)',
-      rgbChannel: '2 132 199',
-      hslChannel: '200.4deg 98% 39.4%',
-    },
-    700: {
-      hex: '#0369a1',
-      rgb: 'rgb(3,105,161)',
-      hsl: 'hsl(201.3,96.3%,32.2%)',
-      rgbChannel: '3 105 161',
-      hslChannel: '201.3deg 96.3% 32.2%',
-    },
-    800: {
-      hex: '#075985',
-      rgb: 'rgb(7,89,133)',
-      hsl: 'hsl(201,90%,27.5%)',
-      rgbChannel: '7 89 133',
-      hslChannel: '201deg 90% 27.5%',
-    },
-    900: {
-      hex: '#0c4a6e',
-      rgb: 'rgb(12,74,110)',
-      hsl: 'hsl(202,80.3%,23.9%)',
-      rgbChannel: '12 74 110',
-      hslChannel: '202deg 80.3% 23.9%',
-    },
-    950: {
-      hex: '#082f49',
-      rgb: 'rgb(8,47,73)',
-      hsl: 'hsl(204,80.2%,15.9%)',
-      rgbChannel: '8 47 73',
-      hslChannel: '204deg 80.2% 15.9%',
-    },
-  },
-  slate: {
-    50: {
-      hex: '#f8fafc',
-      rgb: 'rgb(248,250,252)',
-      hsl: 'hsl(210,40%,98%)',
-      rgbChannel: '248 250 252',
-      hslChannel: '210deg 40% 98%',
-    },
-    100: {
-      hex: '#f1f5f9',
-      rgb: 'rgb(241,245,249)',
-      hsl: 'hsl(210,40%,96.1%)',
-      rgbChannel: '241 245 249',
-      hslChannel: '210deg 40% 96.1%',
-    },
-    200: {
-      hex: '#e2e8f0',
-      rgb: 'rgb(226,232,240)',
-      hsl: 'hsl(214.3,31.8%,91.4%)',
-      rgbChannel: '226 232 240',
-      hslChannel: '214.3deg 31.8% 91.4%',
-    },
-    300: {
-      hex: '#cbd5e1',
-      rgb: 'rgb(203,213,225)',
-      hsl: 'hsl(212.7,26.8%,83.9%)',
-      rgbChannel: '203 213 225',
-      hslChannel: '212.7deg 26.8% 83.9%',
-    },
-    400: {
-      hex: '#94a3b8',
-      rgb: 'rgb(148,163,184)',
-      hsl: 'hsl(215,20.2%,65.1%)',
-      rgbChannel: '148 163 184',
-      hslChannel: '215deg 20.2% 65.1%',
-    },
-    500: {
-      hex: '#64748b',
-      rgb: 'rgb(100,116,139)',
-      hsl: 'hsl(215.4,16.3%,46.9%)',
-      rgbChannel: '100 116 139',
-      hslChannel: '215.4deg 16.3% 46.9%',
-    },
-    600: {
-      hex: '#475569',
-      rgb: 'rgb(71,85,105)',
-      hsl: 'hsl(215.3,19.3%,34.5%)',
-      rgbChannel: '71 85 105',
-      hslChannel: '215.3deg 19.3% 34.5%',
-    },
-    700: {
-      hex: '#334155',
-      rgb: 'rgb(51,65,85)',
-      hsl: 'hsl(215.3,25%,26.7%)',
-      rgbChannel: '51 65 85',
-      hslChannel: '215.3deg 25% 26.7%',
-    },
-    800: {
-      hex: '#1e293b',
-      rgb: 'rgb(30,41,59)',
-      hsl: 'hsl(217.2,32.6%,17.5%)',
-      rgbChannel: '30 41 59',
-      hslChannel: '217.2deg 32.6% 17.5%',
-    },
-    900: {
-      hex: '#0f172a',
-      rgb: 'rgb(15,23,42)',
-      hsl: 'hsl(222.2,47.4%,11.2%)',
-      rgbChannel: '15 23 42',
-      hslChannel: '222.2deg 47.4% 11.2%',
-    },
-    950: {
-      hex: '#020617',
-      rgb: 'rgb(2,6,23)',
-      hsl: 'hsl(222.2,84%,4.9%)',
-      rgbChannel: '2 6 23',
-      hslChannel: '222.2deg 84% 4.9%',
-    },
-  },
-  stone: {
-    50: {
-      hex: '#fafaf9',
-      rgb: 'rgb(250,250,249)',
-      hsl: 'hsl(60,9.1%,97.8%)',
-      rgbChannel: '250 250 249',
-      hslChannel: '60deg 9.1% 97.8%',
-    },
-    100: {
-      hex: '#f5f5f4',
-      rgb: 'rgb(245,245,244)',
-      hsl: 'hsl(60,4.8%,95.9%)',
-      rgbChannel: '245 245 244',
-      hslChannel: '60deg 4.8% 95.9%',
-    },
-    200: {
-      hex: '#e7e5e4',
-      rgb: 'rgb(231,229,228)',
-      hsl: 'hsl(20,5.9%,90%)',
-      rgbChannel: '231 229 228',
-      hslChannel: '20deg 5.9% 90%',
-    },
-    300: {
-      hex: '#d6d3d1',
-      rgb: 'rgb(214,211,209)',
-      hsl: 'hsl(24,5.7%,82.9%)',
-      rgbChannel: '214 211 209',
-      hslChannel: '24deg 5.7% 82.9%',
-    },
-    400: {
-      hex: '#a8a29e',
-      rgb: 'rgb(168,162,158)',
-      hsl: 'hsl(24,5.4%,63.9%)',
-      rgbChannel: '168 162 158',
-      hslChannel: '24deg 5.4% 63.9%',
-    },
-    500: {
-      hex: '#78716c',
-      rgb: 'rgb(120,113,108)',
-      hsl: 'hsl(25,5.3%,44.7%)',
-      rgbChannel: '120 113 108',
-      hslChannel: '25deg 5.3% 44.7%',
-    },
-    600: {
-      hex: '#57534e',
-      rgb: 'rgb(87,83,78)',
-      hsl: 'hsl(33.3,5.5%,32.4%)',
-      rgbChannel: '87 83 78',
-      hslChannel: '33.3deg 5.5% 32.4%',
-    },
-    700: {
-      hex: '#44403c',
-      rgb: 'rgb(68,64,60)',
-      hsl: 'hsl(30,6.3%,25.1%)',
-      rgbChannel: '68 64 60',
-      hslChannel: '30deg 6.3% 25.1%',
-    },
-    800: {
-      hex: '#292524',
-      rgb: 'rgb(41,37,36)',
-      hsl: 'hsl(12,6.5%,15.1%)',
-      rgbChannel: '41 37 36',
-      hslChannel: '12deg 6.5% 15.1%',
-    },
-    900: {
-      hex: '#1c1917',
-      rgb: 'rgb(28,25,23)',
-      hsl: 'hsl(24,9.8%,10%)',
-      rgbChannel: '28 25 23',
-      hslChannel: '24deg 9.8% 10%',
-    },
-    950: {
-      hex: '#0c0a09',
-      rgb: 'rgb(12,10,9)',
-      hsl: 'hsl(20,14.3%,4.1%)',
-      rgbChannel: '12 10 9',
-      hslChannel: '20deg 14.3% 4.1%',
-    },
-  },
-  teal: {
-    50: {
-      hex: '#f0fdfa',
-      rgb: 'rgb(240,253,250)',
-      hsl: 'hsl(166.2,76.5%,96.7%)',
-      rgbChannel: '240 253 250',
-      hslChannel: '166.2deg 76.5% 96.7%',
-    },
-    100: {
-      hex: '#ccfbf1',
-      rgb: 'rgb(204,251,241)',
-      hsl: 'hsl(167.2,85.5%,89.2%)',
-      rgbChannel: '204 251 241',
-      hslChannel: '167.2deg 85.5% 89.2%',
-    },
-    200: {
-      hex: '#99f6e4',
-      rgb: 'rgb(153,246,228)',
-      hsl: 'hsl(168.4,83.8%,78.2%)',
-      rgbChannel: '153 246 228',
-      hslChannel: '168.4deg 83.8% 78.2%',
-    },
-    300: {
-      hex: '#5eead4',
-      rgb: 'rgb(94,234,212)',
-      hsl: 'hsl(170.6,76.9%,64.3%)',
-      rgbChannel: '94 234 212',
-      hslChannel: '170.6deg 76.9% 64.3%',
-    },
-    400: {
-      hex: '#2dd4bf',
-      rgb: 'rgb(45,212,191)',
-      hsl: 'hsl(172.5,66%,50.4%)',
-      rgbChannel: '45 212 191',
-      hslChannel: '172.5deg 66% 50.4%',
-    },
-    500: {
-      hex: '#14b8a6',
-      rgb: 'rgb(20,184,166)',
-      hsl: 'hsl(173.4,80.4%,40%)',
-      rgbChannel: '20 184 166',
-      hslChannel: '173.4deg 80.4% 40%',
-    },
-    600: {
-      hex: '#0d9488',
-      rgb: 'rgb(13,148,136)',
-      hsl: 'hsl(174.7,83.9%,31.6%)',
-      rgbChannel: '13 148 136',
-      hslChannel: '174.7deg 83.9% 31.6%',
-    },
-    700: {
-      hex: '#0f766e',
-      rgb: 'rgb(15,118,110)',
-      hsl: 'hsl(175.3,77.4%,26.1%)',
-      rgbChannel: '15 118 110',
-      hslChannel: '175.3deg 77.4% 26.1%',
-    },
-    800: {
-      hex: '#115e59',
-      rgb: 'rgb(17,94,89)',
-      hsl: 'hsl(176.1,69.4%,21.8%)',
-      rgbChannel: '17 94 89',
-      hslChannel: '176.1deg 69.4% 21.8%',
-    },
-    900: {
-      hex: '#134e4a',
-      rgb: 'rgb(19,78,74)',
-      hsl: 'hsl(175.9,60.8%,19%)',
-      rgbChannel: '19 78 74',
-      hslChannel: '175.9deg 60.8% 19%',
-    },
-    950: {
-      hex: '#042f2e',
-      rgb: 'rgb(4,47,46)',
-      hsl: 'hsl(178.6,84.3%,10%)',
-      rgbChannel: '4 47 46',
-      hslChannel: '178.6deg 84.3% 10%',
-    },
-  },
-  violet: {
-    50: {
-      hex: '#f5f3ff',
-      rgb: 'rgb(245,243,255)',
-      hsl: 'hsl(250,100%,97.6%)',
-      rgbChannel: '245 243 255',
-      hslChannel: '250deg 100% 97.6%',
-    },
-    100: {
-      hex: '#ede9fe',
-      rgb: 'rgb(237,233,254)',
-      hsl: 'hsl(251.4,91.3%,95.5%)',
-      rgbChannel: '237 233 254',
-      hslChannel: '251.4deg 91.3% 95.5%',
-    },
-    200: {
-      hex: '#ddd6fe',
-      rgb: 'rgb(221,214,254)',
-      hsl: 'hsl(250.5,95.2%,91.8%)',
-      rgbChannel: '221 214 254',
-      hslChannel: '250.5deg 95.2% 91.8%',
-    },
-    300: {
-      hex: '#c4b5fd',
-      rgb: 'rgb(196,181,253)',
-      hsl: 'hsl(252.5,94.7%,85.1%)',
-      rgbChannel: '196 181 253',
-      hslChannel: '252.5deg 94.7% 85.1%',
-    },
-    400: {
-      hex: '#a78bfa',
-      rgb: 'rgb(167,139,250)',
-      hsl: 'hsl(255.1,91.7%,76.3%)',
-      rgbChannel: '167 139 250',
-      hslChannel: '255.1deg 91.7% 76.3%',
-    },
-    500: {
-      hex: '#8b5cf6',
-      rgb: 'rgb(139,92,246)',
-      hsl: 'hsl(258.3,89.5%,66.3%)',
-      rgbChannel: '139 92 246',
-      hslChannel: '258.3deg 89.5% 66.3%',
-    },
-    600: {
-      hex: '#7c3aed',
-      rgb: 'rgb(124,58,237)',
-      hsl: 'hsl(262.1,83.3%,57.8%)',
-      rgbChannel: '124 58 237',
-      hslChannel: '262.1deg 83.3% 57.8%',
-    },
-    700: {
-      hex: '#6d28d9',
-      rgb: 'rgb(109,40,217)',
-      hsl: 'hsl(263.4,70%,50.4%)',
-      rgbChannel: '109 40 217',
-      hslChannel: '263.4deg 70% 50.4%',
-    },
-    800: {
-      hex: '#5b21b6',
-      rgb: 'rgb(91,33,182)',
-      hsl: 'hsl(263.4,69.3%,42.2%)',
-      rgbChannel: '91 33 182',
-      hslChannel: '263.4deg 69.3% 42.2%',
-    },
-    900: {
-      hex: '#4c1d95',
-      rgb: 'rgb(76,29,149)',
-      hsl: 'hsl(263.5,67.4%,34.9%)',
-      rgbChannel: '76 29 149',
-      hslChannel: '263.5deg 67.4% 34.9%',
-    },
-    950: {
-      hex: '#1e1b4b',
-      rgb: 'rgb(46,16,101)',
-      hsl: 'hsl(261.2,72.6%,22.9%)',
-      rgbChannel: '46 16 101',
-      hslChannel: '261.2deg 72.6% 22.9%',
-    },
-  },
-  yellow: {
-    50: {
-      hex: '#fefce8',
-      rgb: 'rgb(254,252,232)',
-      hsl: 'hsl(54.5,91.7%,95.3%)',
-      rgbChannel: '254 252 232',
-      hslChannel: '54.5deg 91.7% 95.3%',
-    },
-    100: {
-      hex: '#fef9c3',
-      rgb: 'rgb(254,249,195)',
-      hsl: 'hsl(54.9,96.7%,88%)',
-      rgbChannel: '254 249 195',
-      hslChannel: '54.9deg 96.7% 88%',
-    },
-    200: {
-      hex: '#fef08a',
-      rgb: 'rgb(254,240,138)',
-      hsl: 'hsl(52.8,98.3%,76.9%)',
-      rgbChannel: '254 240 138',
-      hslChannel: '52.8deg 98.3% 76.9%',
-    },
-    300: {
-      hex: '#fde047',
-      rgb: 'rgb(253,224,71)',
-      hsl: 'hsl(50.4,97.8%,63.5%)',
-      rgbChannel: '253 224 71',
-      hslChannel: '50.4deg 97.8% 63.5%',
-    },
-    400: {
-      hex: '#facc15',
-      rgb: 'rgb(250,204,21)',
-      hsl: 'hsl(47.9,95.8%,53.1%)',
-      rgbChannel: '250 204 21',
-      hslChannel: '47.9deg 95.8% 53.1%',
-    },
-    500: {
-      hex: '#eab308',
-      rgb: 'rgb(234,179,8)',
-      hsl: 'hsl(45.4,93.4%,47.5%)',
-      rgbChannel: '234 179 8',
-      hslChannel: '45.4deg 93.4% 47.5%',
-    },
-    600: {
-      hex: '#ca8a04',
-      rgb: 'rgb(202,138,4)',
-      hsl: 'hsl(40.6,96.1%,40.4%)',
-      rgbChannel: '202 138 4',
-      hslChannel: '40.6deg 96.1% 40.4%',
-    },
-    700: {
-      hex: '#a16207',
-      rgb: 'rgb(161,98,7)',
-      hsl: 'hsl(35.5,91.7%,32.9%)',
-      rgbChannel: '161 98 7',
-      hslChannel: '35.5deg 91.7% 32.9%',
-    },
-    800: {
-      hex: '#854d0e',
-      rgb: 'rgb(133,77,14)',
-      hsl: 'hsl(31.8,81%,28.8%)',
-      rgbChannel: '133 77 14',
-      hslChannel: '31.8deg 81% 28.8%',
-    },
-    900: {
-      hex: '#713f12',
-      rgb: 'rgb(113,63,18)',
-      hsl: 'hsl(28.4,72.5%,25.7%)',
-      rgbChannel: '113 63 18',
-      hslChannel: '28.4deg 72.5% 25.7%',
-    },
-    950: {
-      hex: '#422006',
-      rgb: 'rgb(66,32,6)',
-      hsl: 'hsl(26,83.3%,14.1%)',
-      rgbChannel: '66 32 6',
-      hslChannel: '26deg 83.3% 14.1%',
-    },
-  },
-  zinc: {
-    50: {
-      hex: '#fafafa',
-      rgb: 'rgb(250,250,250)',
-      hsl: 'hsl(0,0%,98%)',
-      rgbChannel: '250 250 250',
-      hslChannel: '0deg 0% 98%',
-    },
-    100: {
-      hex: '#f4f4f5',
-      rgb: 'rgb(244,244,245)',
-      hsl: 'hsl(240,4.8%,95.9%)',
-      rgbChannel: '244 244 245',
-      hslChannel: '240deg 4.8% 95.9%',
-    },
-    200: {
-      hex: '#e4e4e7',
-      rgb: 'rgb(228,228,231)',
-      hsl: 'hsl(240,5.9%,90%)',
-      rgbChannel: '228 228 231',
-      hslChannel: '240deg 5.9% 90%',
-    },
-    300: {
-      hex: '#d4d4d8',
-      rgb: 'rgb(212,212,216)',
-      hsl: 'hsl(240,4.9%,83.9%)',
-      rgbChannel: '212 212 216',
-      hslChannel: '240deg 4.9% 83.9%',
-    },
-    400: {
-      hex: '#a1a1aa',
-      rgb: 'rgb(161,161,170)',
-      hsl: 'hsl(240,5%,64.9%)',
-      rgbChannel: '161 161 170',
-      hslChannel: '240deg 5% 64.9%',
-    },
-    500: {
-      hex: '#71717a',
-      rgb: 'rgb(113,113,122)',
-      hsl: 'hsl(240,3.8%,46.1%)',
-      rgbChannel: '113 113 122',
-      hslChannel: '240deg 3.8% 46.1%',
-    },
-    600: {
-      hex: '#52525b',
-      rgb: 'rgb(82,82,91)',
-      hsl: 'hsl(240,5.2%,33.9%)',
-      rgbChannel: '82 82 91',
-      hslChannel: '240deg 5.2% 33.9%',
-    },
-    700: {
-      hex: '#3f3f46',
-      rgb: 'rgb(63,63,70)',
-      hsl: 'hsl(240,5.3%,26.1%)',
-      rgbChannel: '63 63 70',
-      hslChannel: '240deg 5.3% 26.1%',
-    },
-    800: {
-      hex: '#27272a',
-      rgb: 'rgb(39,39,42)',
-      hsl: 'hsl(240,3.7%,15.9%)',
-      rgbChannel: '39 39 42',
-      hslChannel: '240deg 3.7% 15.9%',
-    },
-    900: {
-      hex: '#18181b',
-      rgb: 'rgb(24,24,27)',
-      hsl: 'hsl(240,5.9%,10%)',
-      rgbChannel: '24 24 27',
-      hslChannel: '240deg 5.9% 10%',
-    },
-    950: {
-      hex: '#09090b',
-      rgb: 'rgb(9,9,11)',
-      hsl: 'hsl(240,10%,3.9%)',
-      rgbChannel: '9 9 11',
-      hslChannel: '240deg 10% 3.9%',
-    },
-  },
-};