Last active
April 8, 2025 06:23
-
-
Save alanbsmith/6a1a97a9037554337cbba5eb0f7714e8 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
name | cssVar | value | red | green | blue | |
---|---|---|---|---|---|---|
cinnamon-100 | --cnvs-base-palette-cinnamon-100 | rgb(255,239,238) | 255 | 239 | 238 | |
cinnamon-200 | --cnvs-base-palette-cinnamon-200 | rgb(252,201,197) | 252 | 201 | 197 | |
cinnamon-300 | --cnvs-base-palette-cinnamon-300 | rgb(255,134,125) | 255 | 134 | 125 | |
cinnamon-400 | --cnvs-base-palette-cinnamon-400 | rgb(255,83,71) | 255 | 83 | 71 | |
cinnamon-500 | --cnvs-base-palette-cinnamon-500 | rgb(222,46,33) | 222 | 46 | 33 | |
cinnamon-600 | --cnvs-base-palette-cinnamon-600 | rgb(163,27,18) | 163 | 27 | 18 | |
peach-100 | --cnvs-base-palette-peach-100 | rgb(255,243,240) | 255 | 243 | 240 | |
peach-200 | --cnvs-base-palette-peach-200 | rgb(255,194,179) | 255 | 194 | 179 | |
peach-300 | --cnvs-base-palette-peach-300 | rgb(255,149,122) | 255 | 149 | 122 | |
peach-400 | --cnvs-base-palette-peach-400 | rgb(255,100,61) | 255 | 100 | 61 | |
peach-500 | --cnvs-base-palette-peach-500 | rgb(222,71,33) | 222 | 71 | 33 | |
peach-600 | --cnvs-base-palette-peach-600 | rgb(181,52,19) | 181 | 52 | 19 | |
chili-mango-100 | --cnvs-base-palette-chili-mango-100 | rgb(255,230,217) | 255 | 230 | 217 | |
chili-mango-200 | --cnvs-base-palette-chili-mango-200 | rgb(255,199,171) | 255 | 199 | 171 | |
chili-mango-300 | --cnvs-base-palette-chili-mango-300 | rgb(255,155,105) | 255 | 155 | 105 | |
chili-mango-400 | --cnvs-base-palette-chili-mango-400 | rgb(255,103,27) | 255 | 103 | 27 | |
chili-mango-500 | --cnvs-base-palette-chili-mango-500 | rgb(224,75,0) | 224 | 75 | 0 | |
chili-mango-600 | --cnvs-base-palette-chili-mango-600 | rgb(163,54,0) | 163 | 54 | 0 | |
cantaloupe-100 | --cnvs-base-palette-cantaloupe-100 | rgb(255,238,217) | 255 | 238 | 217 | |
cantaloupe-200 | --cnvs-base-palette-cantaloupe-200 | rgb(252,212,159) | 252 | 212 | 159 | |
cantaloupe-300 | --cnvs-base-palette-cantaloupe-300 | rgb(255,188,99) | 255 | 188 | 99 | |
cantaloupe-400 | --cnvs-base-palette-cantaloupe-400 | rgb(255,161,38) | 255 | 161 | 38 | |
cantaloupe-500 | --cnvs-base-palette-cantaloupe-500 | rgb(243,139,0) | 243 | 139 | 0 | |
cantaloupe-600 | --cnvs-base-palette-cantaloupe-600 | rgb(192,108,0) | 192 | 108 | 0 | |
sour-lemon-100 | --cnvs-base-palette-sour-lemon-100 | rgb(255,249,230) | 255 | 249 | 230 | |
sour-lemon-200 | --cnvs-base-palette-sour-lemon-200 | rgb(255,236,171) | 255 | 236 | 171 | |
sour-lemon-300 | --cnvs-base-palette-sour-lemon-300 | rgb(255,218,97) | 255 | 218 | 97 | |
sour-lemon-400 | --cnvs-base-palette-sour-lemon-400 | rgb(255,198,41) | 255 | 198 | 41 | |
sour-lemon-500 | --cnvs-base-palette-sour-lemon-500 | rgb(235,180,0) | 235 | 180 | 0 | |
sour-lemon-600 | --cnvs-base-palette-sour-lemon-600 | rgb(189,145,0) | 189 | 145 | 0 | |
juicy-pear-100 | --cnvs-base-palette-juicy-pear-100 | rgb(247,250,230) | 247 | 250 | 230 | |
juicy-pear-200 | --cnvs-base-palette-juicy-pear-200 | rgb(226,243,145) | 226 | 243 | 145 | |
juicy-pear-300 | --cnvs-base-palette-juicy-pear-300 | rgb(196,222,64) | 196 | 222 | 64 | |
juicy-pear-400 | --cnvs-base-palette-juicy-pear-400 | rgb(168,194,36) | 168 | 194 | 36 | |
juicy-pear-500 | --cnvs-base-palette-juicy-pear-500 | rgb(142,166,24) | 142 | 166 | 24 | |
juicy-pear-600 | --cnvs-base-palette-juicy-pear-600 | rgb(104,120,24) | 104 | 120 | 24 | |
kiwi-100 | --cnvs-base-palette-kiwi-100 | rgb(236,252,215) | 236 | 252 | 215 | |
kiwi-200 | --cnvs-base-palette-kiwi-200 | rgb(202,245,147) | 202 | 245 | 147 | |
kiwi-300 | --cnvs-base-palette-kiwi-300 | rgb(167,224,92) | 167 | 224 | 92 | |
kiwi-400 | --cnvs-base-palette-kiwi-400 | rgb(119,188,31) | 119 | 188 | 31 | |
kiwi-500 | --cnvs-base-palette-kiwi-500 | rgb(96,153,21) | 96 | 153 | 21 | |
kiwi-600 | --cnvs-base-palette-kiwi-600 | rgb(83,120,36) | 83 | 120 | 36 | |
green-apple-100 | --cnvs-base-palette-green-apple-100 | rgb(235,255,240) | 235 | 255 | 240 | |
green-apple-200 | --cnvs-base-palette-green-apple-200 | rgb(172,245,190) | 172 | 245 | 190 | |
green-apple-300 | --cnvs-base-palette-green-apple-300 | rgb(95,227,128) | 95 | 227 | 128 | |
green-apple-400 | --cnvs-base-palette-green-apple-400 | rgb(67,196,99) | 67 | 196 | 99 | |
green-apple-500 | --cnvs-base-palette-green-apple-500 | rgb(49,156,76) | 49 | 156 | 76 | |
green-apple-600 | --cnvs-base-palette-green-apple-600 | rgb(33,122,55) | 33 | 122 | 55 | |
watermelon-100 | --cnvs-base-palette-watermelon-100 | rgb(235,253,248) | 235 | 253 | 248 | |
watermelon-200 | --cnvs-base-palette-watermelon-200 | rgb(183,237,222) | 183 | 237 | 222 | |
watermelon-300 | --cnvs-base-palette-watermelon-300 | rgb(101,204,175) | 101 | 204 | 175 | |
watermelon-400 | --cnvs-base-palette-watermelon-400 | rgb(18,166,124) | 18 | 166 | 124 | |
watermelon-500 | --cnvs-base-palette-watermelon-500 | rgb(12,122,91) | 12 | 122 | 91 | |
watermelon-600 | --cnvs-base-palette-watermelon-600 | rgb(0,87,62) | 0 | 87 | 62 | |
jewel-100 | --cnvs-base-palette-jewel-100 | rgb(235,253,255) | 235 | 253 | 255 | |
jewel-200 | --cnvs-base-palette-jewel-200 | rgb(172,236,243) | 172 | 236 | 243 | |
jewel-300 | --cnvs-base-palette-jewel-300 | rgb(68,200,215) | 68 | 200 | 215 | |
jewel-400 | --cnvs-base-palette-jewel-400 | rgb(30,164,179) | 30 | 164 | 179 | |
jewel-500 | --cnvs-base-palette-jewel-500 | rgb(26,129,140) | 26 | 129 | 140 | |
jewel-600 | --cnvs-base-palette-jewel-600 | rgb(21,105,115) | 21 | 105 | 115 | |
toothpaste-100 | --cnvs-base-palette-toothpaste-100 | rgb(215,241,252) | 215 | 241 | 252 | |
toothpaste-200 | --cnvs-base-palette-toothpaste-200 | rgb(153,224,255) | 153 | 224 | 255 | |
toothpaste-300 | --cnvs-base-palette-toothpaste-300 | rgb(64,180,229) | 64 | 180 | 229 | |
toothpaste-400 | --cnvs-base-palette-toothpaste-400 | rgb(24,148,201) | 24 | 148 | 201 | |
toothpaste-500 | --cnvs-base-palette-toothpaste-500 | rgb(2,113,161) | 2 | 113 | 161 | |
toothpaste-600 | --cnvs-base-palette-toothpaste-600 | rgb(0,91,130) | 0 | 91 | 130 | |
blueberry-100 | --cnvs-base-palette-blueberry-100 | rgb(215,234,252) | 215 | 234 | 252 | |
blueberry-200 | --cnvs-base-palette-blueberry-200 | rgb(166,210,255) | 166 | 210 | 255 | |
blueberry-300 | --cnvs-base-palette-blueberry-300 | rgb(64,160,255) | 64 | 160 | 255 | |
blueberry-400 | --cnvs-base-palette-blueberry-400 | rgb(8,117,225) | 8 | 117 | 225 | |
blueberry-500 | --cnvs-base-palette-blueberry-500 | rgb(0,92,185) | 0 | 92 | 185 | |
blueberry-600 | --cnvs-base-palette-blueberry-600 | rgb(0,67,135) | 0 | 67 | 135 | |
plum-100 | --cnvs-base-palette-plum-100 | rgb(230,241,255) | 230 | 241 | 255 | |
plum-200 | --cnvs-base-palette-plum-200 | rgb(166,205,255) | 166 | 205 | 255 | |
plum-300 | --cnvs-base-palette-plum-300 | rgb(82,155,250) | 82 | 155 | 250 | |
plum-400 | --cnvs-base-palette-plum-400 | rgb(56,129,225) | 56 | 129 | 225 | |
plum-500 | --cnvs-base-palette-plum-500 | rgb(49,102,171) | 49 | 102 | 171 | |
plum-600 | --cnvs-base-palette-plum-600 | rgb(38,74,122) | 38 | 74 | 122 | |
berry-smoothie-100 | --cnvs-base-palette-berry-smoothie-100 | rgb(232,237,255) | 232 | 237 | 255 | |
berry-smoothie-200 | --cnvs-base-palette-berry-smoothie-200 | rgb(194,207,255) | 194 | 207 | 255 | |
berry-smoothie-300 | --cnvs-base-palette-berry-smoothie-300 | rgb(120,145,255) | 120 | 145 | 255 | |
berry-smoothie-400 | --cnvs-base-palette-berry-smoothie-400 | rgb(94,119,230) | 94 | 119 | 230 | |
berry-smoothie-500 | --cnvs-base-palette-berry-smoothie-500 | rgb(75,94,179) | 75 | 94 | 179 | |
berry-smoothie-600 | --cnvs-base-palette-berry-smoothie-600 | rgb(59,73,135) | 59 | 73 | 135 | |
blackberry-100 | --cnvs-base-palette-blackberry-100 | rgb(240,240,255) | 240 | 240 | 255 | |
blackberry-200 | --cnvs-base-palette-blackberry-200 | rgb(195,194,255) | 195 | 194 | 255 | |
blackberry-300 | --cnvs-base-palette-blackberry-300 | rgb(132,131,230) | 132 | 131 | 230 | |
blackberry-400 | --cnvs-base-palette-blackberry-400 | rgb(92,89,230) | 92 | 89 | 230 | |
blackberry-500 | --cnvs-base-palette-blackberry-500 | rgb(65,63,204) | 65 | 63 | 204 | |
blackberry-600 | --cnvs-base-palette-blackberry-600 | rgb(46,45,145) | 46 | 45 | 145 | |
island-punch-100 | --cnvs-base-palette-island-punch-100 | rgb(245,240,255) | 245 | 240 | 255 | |
island-punch-200 | --cnvs-base-palette-island-punch-200 | rgb(210,190,250) | 210 | 190 | 250 | |
island-punch-300 | --cnvs-base-palette-island-punch-300 | rgb(168,138,230) | 168 | 138 | 230 | |
island-punch-400 | --cnvs-base-palette-island-punch-400 | rgb(134,96,209) | 134 | 96 | 209 | |
island-punch-500 | --cnvs-base-palette-island-punch-500 | rgb(99,69,161) | 99 | 69 | 161 | |
island-punch-600 | --cnvs-base-palette-island-punch-600 | rgb(80,56,130) | 80 | 56 | 130 | |
grape-soda-100 | --cnvs-base-palette-grape-soda-100 | rgb(254,235,255) | 254 | 235 | 255 | |
grape-soda-200 | --cnvs-base-palette-grape-soda-200 | rgb(250,192,255) | 250 | 192 | 255 | |
grape-soda-300 | --cnvs-base-palette-grape-soda-300 | rgb(222,138,230) | 222 | 138 | 230 | |
grape-soda-400 | --cnvs-base-palette-grape-soda-400 | rgb(200,96,209) | 200 | 96 | 209 | |
grape-soda-500 | --cnvs-base-palette-grape-soda-500 | rgb(151,73,158) | 151 | 73 | 158 | |
grape-soda-600 | --cnvs-base-palette-grape-soda-600 | rgb(124,56,130) | 124 | 56 | 130 | |
pomegranate-100 | --cnvs-base-palette-pomegranate-100 | rgb(255,235,243) | 255 | 235 | 243 | |
pomegranate-200 | --cnvs-base-palette-pomegranate-200 | rgb(255,189,214) | 255 | 189 | 214 | |
pomegranate-300 | --cnvs-base-palette-pomegranate-300 | rgb(255,92,154) | 255 | 92 | 154 | |
pomegranate-400 | --cnvs-base-palette-pomegranate-400 | rgb(243,17,103) | 243 | 17 | 103 | |
pomegranate-500 | --cnvs-base-palette-pomegranate-500 | rgb(199,5,80) | 199 | 5 | 80 | |
pomegranate-600 | --cnvs-base-palette-pomegranate-600 | rgb(153,0,58) | 153 | 0 | 58 | |
fruit-punch-100 | --cnvs-base-palette-fruit-punch-100 | rgb(255,238,238) | 255 | 238 | 238 | |
fruit-punch-200 | --cnvs-base-palette-fruit-punch-200 | rgb(255,189,189) | 255 | 189 | 189 | |
fruit-punch-300 | --cnvs-base-palette-fruit-punch-300 | rgb(255,126,126) | 255 | 126 | 126 | |
fruit-punch-400 | --cnvs-base-palette-fruit-punch-400 | rgb(255,76,76) | 255 | 76 | 76 | |
fruit-punch-500 | --cnvs-base-palette-fruit-punch-500 | rgb(225,47,47) | 225 | 47 | 47 | |
fruit-punch-600 | --cnvs-base-palette-fruit-punch-600 | rgb(184,40,40) | 184 | 40 | 40 | |
root-beer-100 | --cnvs-base-palette-root-beer-100 | rgb(250,243,240) | 250 | 243 | 240 | |
root-beer-200 | --cnvs-base-palette-root-beer-200 | rgb(235,215,207) | 235 | 215 | 207 | |
root-beer-300 | --cnvs-base-palette-root-beer-300 | rgb(220,187,173) | 220 | 187 | 173 | |
root-beer-400 | --cnvs-base-palette-root-beer-400 | rgb(186,154,140) | 186 | 154 | 140 | |
root-beer-500 | --cnvs-base-palette-root-beer-500 | rgb(140,114,102) | 140 | 114 | 102 | |
root-beer-600 | --cnvs-base-palette-root-beer-600 | rgb(102,77,66) | 102 | 77 | 66 | |
toasted-marshmallow-100 | --cnvs-base-palette-toasted-marshmallow-100 | rgb(253,246,230) | 253 | 246 | 230 | |
toasted-marshmallow-200 | --cnvs-base-palette-toasted-marshmallow-200 | rgb(235,214,169) | 235 | 214 | 169 | |
toasted-marshmallow-300 | --cnvs-base-palette-toasted-marshmallow-300 | rgb(230,191,108) | 230 | 191 | 108 | |
toasted-marshmallow-400 | --cnvs-base-palette-toasted-marshmallow-400 | rgb(204,158,59) | 204 | 158 | 59 | |
toasted-marshmallow-500 | --cnvs-base-palette-toasted-marshmallow-500 | rgb(179,127,16) | 179 | 127 | 16 | |
toasted-marshmallow-600 | --cnvs-base-palette-toasted-marshmallow-600 | rgb(140,96,0) | 140 | 96 | 0 | |
coconut-100 | --cnvs-base-palette-coconut-100 | rgb(240,238,238) | 240 | 238 | 238 | |
coconut-200 | --cnvs-base-palette-coconut-200 | rgb(227,223,223) | 227 | 223 | 223 | |
coconut-300 | --cnvs-base-palette-coconut-300 | rgb(209,203,204) | 209 | 203 | 204 | |
coconut-400 | --cnvs-base-palette-coconut-400 | rgb(179,172,172) | 179 | 172 | 172 | |
coconut-500 | --cnvs-base-palette-coconut-500 | rgb(158,149,149) | 158 | 149 | 149 | |
coconut-600 | --cnvs-base-palette-coconut-600 | rgb(143,134,135) | 143 | 134 | 135 | |
cappuccino-100 | --cnvs-base-palette-cappuccino-100 | rgb(122,115,116) | 122 | 115 | 116 | |
cappuccino-200 | --cnvs-base-palette-cappuccino-200 | rgb(112,104,105) | 112 | 104 | 105 | |
cappuccino-300 | --cnvs-base-palette-cappuccino-300 | rgb(94,87,87) | 94 | 87 | 87 | |
cappuccino-400 | --cnvs-base-palette-cappuccino-400 | rgb(74,66,66) | 74 | 66 | 66 | |
cappuccino-500 | --cnvs-base-palette-cappuccino-500 | rgb(53,47,47) | 53 | 47 | 47 | |
cappuccino-600 | --cnvs-base-palette-cappuccino-600 | rgb(35,31,32) | 35 | 31 | 32 | |
licorice-100 | --cnvs-base-palette-licorice-100 | rgb(161,170,179) | 161 | 170 | 179 | |
licorice-200 | --cnvs-base-palette-licorice-200 | rgb(123,133,143) | 123 | 133 | 143 | |
licorice-300 | --cnvs-base-palette-licorice-300 | rgb(94,106,117) | 94 | 106 | 117 | |
licorice-400 | --cnvs-base-palette-licorice-400 | rgb(74,85,97) | 74 | 85 | 97 | |
licorice-500 | --cnvs-base-palette-licorice-500 | rgb(51,61,71) | 51 | 61 | 71 | |
licorice-600 | --cnvs-base-palette-licorice-600 | rgb(31,38,46) | 31 | 38 | 46 | |
soap-100 | --cnvs-base-palette-soap-100 | rgb(246,247,248) | 246 | 247 | 248 | |
soap-200 | --cnvs-base-palette-soap-200 | rgb(240,241,242) | 240 | 241 | 242 | |
soap-300 | --cnvs-base-palette-soap-300 | rgb(232,235,237) | 232 | 235 | 237 | |
soap-400 | --cnvs-base-palette-soap-400 | rgb(223,226,230) | 223 | 226 | 230 | |
soap-500 | --cnvs-base-palette-soap-500 | rgb(206,211,217) | 206 | 211 | 217 | |
soap-600 | --cnvs-base-palette-soap-600 | rgb(185,192,199) | 185 | 192 | 199 | |
french-vanilla-100 | --cnvs-base-palette-french-vanilla-100 | rgb(255,255,255) | 255 | 255 | 255 | |
french-vanilla-200 | --cnvs-base-palette-french-vanilla-200 | rgb(235,235,235) | 235 | 235 | 235 | |
french-vanilla-300 | --cnvs-base-palette-french-vanilla-300 | rgb(212,212,212) | 212 | 212 | 212 | |
french-vanilla-400 | --cnvs-base-palette-french-vanilla-400 | rgb(189,189,189) | 189 | 189 | 189 | |
french-vanilla-500 | --cnvs-base-palette-french-vanilla-500 | rgb(166,166,166) | 166 | 166 | 166 | |
french-vanilla-600 | --cnvs-base-palette-french-vanilla-600 | rgb(143,143,143) | 143 | 143 | 143 | |
black-pepper-100 | --cnvs-base-palette-black-pepper-100 | rgb(120,120,120) | 120 | 120 | 120 | |
black-pepper-200 | --cnvs-base-palette-black-pepper-200 | rgb(97,97,97) | 97 | 97 | 97 | |
black-pepper-300 | --cnvs-base-palette-black-pepper-300 | rgb(73,73,73) | 73 | 73 | 73 | |
black-pepper-400 | --cnvs-base-palette-black-pepper-400 | rgb(51,51,51) | 51 | 51 | 51 | |
black-pepper-500 | --cnvs-base-palette-black-pepper-500 | rgb(30,30,30) | 30 | 30 | 30 | |
black-pepper-600 | --cnvs-base-palette-black-pepper-600 | rgb(0,0,0) | 0 | 0 | 0 | |
dragon-fruit-100 | --cnvs-base-extended-palette-dragon-fruit-100 | rgb(251,241,255) | 251 | 241 | 255 | |
dragon-fruit-200 | --cnvs-base-extended-palette-dragon-fruit-200 | rgb(239,211,255) | 239 | 211 | 255 | |
dragon-fruit-300 | --cnvs-base-extended-palette-dragon-fruit-300 | rgb(190,97,246) | 190 | 97 | 246 | |
dragon-fruit-400 | --cnvs-base-extended-palette-dragon-fruit-400 | rgb(140,23,210) | 140 | 23 | 210 | |
dragon-fruit-500 | --cnvs-base-extended-palette-dragon-fruit-500 | rgb(107,17,163) | 107 | 17 | 163 | |
dragon-fruit-600 | --cnvs-base-extended-palette-dragon-fruit-600 | rgb(74,13,113) | 74 | 13 | 113 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment