Skip to content

Instantly share code, notes, and snippets.

@alanbsmith
Last active April 8, 2025 06:23
Show Gist options
  • Save alanbsmith/6a1a97a9037554337cbba5eb0f7714e8 to your computer and use it in GitHub Desktop.
Save alanbsmith/6a1a97a9037554337cbba5eb0f7714e8 to your computer and use it in GitHub Desktop.
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