all the main colors
$color-french-rose#ef426f
$color-burning-orange#fd7037
$color-cornflower-blue#6376ec
$color-pacific-blue#0095c8
$color-cerulean#00b5e2
$color-caribbean-green#00c7b1
$color-electric-lime#d0df00
$color-broom#ffe324
$color-purple-heart#753bbd
$color-jagger#3c1053
$color-midnight-blue#002e5d
$color-blue-stone#005a70
$color-fiord#43526f
$color-royal-blue#515af2
$color-electric-violet#870af3
$color-red-ribbon#e0003a
$color-selective-yellow#ffba00
$color-forest-green#2b8732
all the greys
$color-k-87#222222
$color-k-70#4c4c4c
$color-k-60#666666
$color-k-40#999999
$color-k-25#bfbfbf
$color-k-16#d6d6d6
$color-k-07#ededed
$color-k-04#f5f5f5
$color-white#ffffff
french rose
$color-french-rose#ef426f
$color-french-rose-60k#5f1a2c
$color-french-rose-40k#8f2742
$color-french-rose-20k#bf3458
$color-french-rose-80#f3688c
$color-french-rose-60#f68ea9
$color-french-rose-40#f9b4c6
$color-french-rose-20#fcdae3
burning orange
$color-burning-orange#fd7037
$color-burning-orange-60k#652c16
$color-burning-orange-40k#974321
$color-burning-orange-20k#ca592c
$color-burning-orange-80#fd8d5f
$color-burning-orange-60#fea987
$color-burning-orange-40#fec6af
$color-burning-orange-20#ffe2d7
$color-burning-orange-08#fff4ef
cornflower blue
$color-cornflower-blue#6376ec
$color-cornflower-blue-60k#272f5e
$color-cornflower-blue-40k#3b468d
$color-cornflower-blue-20k#4f5ebc
$color-cornflower-blue-80#8291f0
$color-cornflower-blue-60#a1adf4
$color-cornflower-blue-40#c1c8f7
$color-cornflower-blue-20#e0e4fb
pacific blue
$color-pacific-blue#0095c8
$color-pacific-blue-60k#003b50
$color-pacific-blue-40k#005978
$color-pacific-blue-20k#0077a0
$color-pacific-blue-80#33abd3
$color-pacific-blue-60#66c0de
$color-pacific-blue-40#99d5e9
$color-pacific-blue-20#cceaf4
$color-pacific-blue-12#e1f3f9
$color-pacific-blue-07#edf7fb
$color-pacific-blue-04#f5fbfd
cerulean
$color-cerulean#00b5e2
$color-cerulean-60k#00485a
$color-cerulean-40k#006c87
$color-cerulean-20k#0090b4
$color-cerulean-80#33c4e8
$color-cerulean-60#66d3ee
$color-cerulean-40#99e1f3
$color-cerulean-20#ccf0f9
caribbean green
$color-caribbean-green#00c7b1
$color-caribbean-green-60k#004f46
$color-caribbean-green-40k#00776a
$color-caribbean-green-20k#009f8d
$color-caribbean-green-80#33d3c1
$color-caribbean-green-60#66ded1
$color-caribbean-green-40#99e9e0
$color-caribbean-green-20#ccf4f0
electric lime
$color-electric-lime#d0df00
$color-electric-lime-60k#535900
$color-electric-lime-40k#7c8500
$color-electric-lime-20k#a6b200
$color-electric-lime-80#d9e533
$color-electric-lime-60#e3ec66
$color-electric-lime-40#ecf299
$color-electric-lime-20#f6f9cc
broom
$color-broom#ffe324
$color-broom-60k#665a0e
$color-broom-40k#998815
$color-broom-20k#ccb51c
$color-broom-80#ffe950
$color-broom-60#ffee7c
$color-broom-40#fff4a7
$color-broom-20#fff9d3
purple heart
$color-purple-heart#753bbd
$color-purple-heart-60k#2e174b
$color-purple-heart-40k#462371
$color-purple-heart-20k#5d2f97
$color-purple-heart-80#9163cb
$color-purple-heart-60#ad8ad8
$color-purple-heart-40#c8b1e5
$color-purple-heart-20#e4d8f2
jagger
$color-jagger#3c1053
$color-jagger-60k#180621
$color-jagger-40k#240931
$color-jagger-20k#300c42
$color-jagger-80#634075
$color-jagger-60#8a7098
$color-jagger-40#b19fba
$color-jagger-20#d8cfdd
midnight blue
$color-midnight-blue#002e5d
$color-midnight-blue-60k#001225
$color-midnight-blue-40k#001b37
$color-midnight-blue-20k#00244a
$color-midnight-blue-80#33587d
$color-midnight-blue-60#66829e
$color-midnight-blue-40#99abbe
$color-midnight-blue-20#ccd5df
blue stone
$color-blue-stone#005a70
$color-blue-stone-60k#00242c
$color-blue-stone-40k#003643
$color-blue-stone-20k#004859
$color-blue-stone-80#5c95a4
$color-blue-stone-60#669ca9
$color-blue-stone-40#99bdc6
$color-blue-stone-20#ccdee2
fiord
$color-fiord#43526f
$color-fiord-60k#1a202c
$color-fiord-35k#2b3547
$color-fiord-20k#354158
$color-fiord-89#58657f
$color-fiord-60#8e97a9
$color-fiord-40#b4bac5
$color-fiord-20#d9dce2
royal blue
$color-royal-blue#515af2
$color-royal-blue-60k#202460
$color-royal-blue-40k#303691
$color-royal-blue-20k#4048c1
$color-royal-blue-80#747bf5
$color-royal-blue-60#979cf7
$color-royal-blue-40#b9bdfa
$color-royal-blue-20#dcdefc
electric violet
$color-electric-violet#870af3
$color-electric-violet-60k#360461
$color-electric-violet-40k#510691
$color-electric-violet-20k#6C08c2
$color-electric-violet-80#9f3bf5
$color-electric-violet-60#b76cf8
$color-electric-violet-40#cf9dfa
$color-electric-violet-20#e7cefd
red ribbon
$color-red-ribbon#e0003a
$color-red-ribbon-60k#590017
$color-red-ribbon-40k#860022
$color-red-ribbon-20k#b3002e
$color-red-ribbon-80#e63361
$color-red-ribbon-60#ec6689
$color-red-ribbon-40#f399b0
$color-red-ribbon-20#f9ccd8
selective yellow
$color-selective-yellow#ffba00
$color-selective-yellow-60k#664a00
$color-selective-yellow-40k#996f00
$color-selective-yellow-20k#cc9400
$color-selective-yellow-80#ffc833
$color-selective-yellow-60#ffd666
$color-selective-yellow-40#ffe399
$color-selective-yellow-20#fff1cc
forest green
$color-forest-green#2b8732
$color-forest-green-60k#113614
$color-forest-green-40k#19511e
$color-forest-green-20k#226c28
$color-forest-green-80#559f5b
$color-forest-green-60#80b784
$color-forest-green-40#aacfad
$color-forest-green-20#d5e7d6
b&w
$color-k-87#222222
$color-k-70#4c4c4c
$color-k-60#666666
$color-k-40#999999
$color-k-25#bfbfbf
$color-k-16#d6d6d6
$color-k-07#ededed
$color-k-04#f5f5f5
$color-white#ffffff
By clicking on the color box the variable name will be copied to clipboard.
By adding some modifiers to the root color you can have a darker/lighter version (i.e. $color-fiord-60k for darker or $color-fiord-20 for lighter). The available options can be: 60k, 40k, 20k, 80, 60, 40, 20. As some colors don't have all of the variations please refer to https://github.com/tes/tes-sass/blob/master/variables/_colors.scss for the complete list. Note that the designers should always provide the correct color.