Skip to content

Instantly share code, notes, and snippets.

@M-O-Z-G
Last active October 22, 2018 05:36
Show Gist options
  • Save M-O-Z-G/e018872ccf3a117d4d49f30ae5b76367 to your computer and use it in GitHub Desktop.
Save M-O-Z-G/e018872ccf3a117d4d49f30ae5b76367 to your computer and use it in GitHub Desktop.
Expanded color variables with names
/*
* Expanded color variables with names.
* Based on hackmd.io/s/HymT8Rcim table.
* Guided by www.workwithcolor.com
*/
$clr-white ?= #FFFFFF
$clr-white-smoke ?= #F5F5F5
$clr-silver ?= #C0C0C0
$clr-gray ?= #808080
$clr-dim-gray ?= #696969
$clr-davys-grey ?= #555555
$clr-black ?= #000000
$clr-snow ?= #FFFAFA
$clr-baby-pink ?= #F4C2C2
$clr-pastel-red ?= #FF6961
$clr-indian-red ?= #FF5C5C
$clr-ferrari-red ?= #FF1C00
$clr-candy-apple-red ?= #FF0800
$clr-red ?= #FF0000
$clr-chestnut ?= #CD5C5C
$clr-cinnabar ?= #E34234
$clr-jasper ?= #D73B3E
$clr-fire-engine-red ?= #CE1620
$clr-boston-university-red ?= #CC0000
$clr-firebrick ?= #B22222
$clr-cornell-red ?= #B31B1B
$clr-dark-candy-apple-red ?= #A40000
$clr-maroon ?= #800000
$clr-prune ?= #701C1C
$clr-dark-sienna ?= #3C1414
$clr-seal-brown ?= #321414
$clr-atomic-tangerine ?= #FF9966
$clr-salmon ?= #FF8C69
$clr-dark-salmon ?= #E9967A
$clr-coral ?= #FF7F50
$clr-burnt-sienna ?= #E97451
$clr-portland-orange ?= #FF5A36
$clr-terra-cotta ?= #E2725B
$clr-coquelicot ?= #FF3800
$clr-flame ?= #E25822
$clr-cinereous ?= #98817B
$clr-dark-coral ?= #CD5B45
$clr-dark-chestnut ?= #986960
$clr-sinopia ?= #CB410B
$clr-dark-pastel-red ?= #C23B22
$clr-mahogany ?= #C04000
$clr-rust ?= #B7410E
$clr-bole ?= #79443B
$clr-burnt-umber ?= #8A3324
$clr-auburn ?= #6D351A
$clr-seashell ?= #FFF5EE
$clr-champagne ?= #F7E7CE
$clr-peach ?= #FFE5B4
$clr-wheat ?= #F5DEB3
$clr-sunset ?= #FAD6A5
$clr-apricot ?= #FBCEB1
$clr-desert-sand ?= #EDC9AF
$clr-pastel-orange ?= #FFB347
$clr-burlywood ?= #DEB887
$clr-dark-tangerine ?= #FFA812
$clr-chrome-yellow ?= #FFA700
$clr-fawn ?= #E5AA70
$clr-earth-yellow ?= #E1A95F
$clr-indian-yellow ?= #E3A857
$clr-khaki ?= #C3B091
$clr-dark-orange ?= #FF8C00
$clr-gamboge ?= #E49B0F
$clr-carrot-orange ?= #ED9121
$clr-orange ?= #FF7F00
$clr-tangerine ?= #F28500
$clr-cadmium-orange ?= #ED872D
$clr-pumpkin ?= #FF7518
$clr-desert ?= #C19A6B
$clr-safety-orange ?= #FF6700
$clr-bronze ?= #CD7F32
$clr-ochre ?= #CC7722
$clr-cinnamon ?= #D2691E
$clr-copper ?= #B87333
$clr-chamoisee ?= #A0785A
$clr-burnt-orange ?= #CC5500
$clr-shadow ?= #8A795D
$clr-golden-brown ?= #996515
$clr-pastel-brown ?= #836953
$clr-raw-umber ?= #826644
$clr-brown ?= #964B00
$clr-chocolate ?= #7B3F00
$clr-sepia ?= #704214
$clr-dark-brown ?= #654321
$clr-dark-lava ?= #483C32
$clr-bistre ?= #3D2B1F
$clr-cornsilk ?= #FFF8DC
$clr-blond ?= #FAF0BE
$clr-pearl ?= #F0EAD6
$clr-vanilla ?= #F3E5AB
$clr-platinum ?= #E5E4E2
$clr-mustard ?= #FFDB58
$clr-buff ?= #F0DC82
$clr-banana-yellow ?= #FFD12A
$clr-arylide-yellow ?= #E9D66B
$clr-amber ?= #FFBF00
$clr-saffron ?= #F4C430
$clr-sand ?= #C2B280
$clr-goldenrod ?= #DAA520
$clr-dark-goldenrod ?= #B8860B
$clr-dark-tan ?= #918151
$clr-sand-dune ?= #967117
$clr-ivory ?= #FFFFF0
$clr-cream ?= #FFFDD0
$clr-pastel-yellow ?= #FDFD96
$clr-beige ?= #F5F5DC
$clr-daffodil ?= #FFFF31
$clr-yellow ?= #FFFF00
$clr-lemon ?= #FFF700
$clr-icterine ?= #FCF75E
$clr-canary-yellow ?= #FFEF00
$clr-corn ?= #FBEC5D
$clr-flavescent ?= #F7E98E
$clr-golden-yellow ?= #FFDF00
$clr-dandelion ?= #F0E130
$clr-titanium-yellow ?= #EEE600
$clr-peridot ?= #E6E200
$clr-straw ?= #E4D96F
$clr-sandstorm ?= #ECD540
$clr-pastel-gray ?= #CFCFC4
$clr-citrine ?= #E4D00A
$clr-dark-khaki ?= #BDB76B
$clr-brass ?= #B5A642
$clr-chartreuse ?= #DFFF00
$clr-lime ?= #BFFF00
$clr-spring-bud ?= #A7FC00
$clr-pear ?= #D1E231
$clr-android-green ?= #A4C639
$clr-apple-green ?= #8DB600
$clr-battleship-grey ?= #848482
$clr-olive ?= #808000
$clr-army-green ?= #4B5320
$clr-inchworm ?= #B2EC5D
$clr-lawn-green ?= #7CFC00
$clr-bright-green ?= #66FF00
$clr-celadon ?= #ACE1AF
$clr-pastel-green ?= #77DD77
$clr-pistachio ?= #93C572
$clr-dollar-bill ?= #85BB65
$clr-asparagus ?= #87A96B
$clr-dark-pastel-green ?= #03C03C
$clr-camouflage-green ?= #78866B
$clr-india-green ?= #138808
$clr-green ?= #008000
$clr-dark-olive-green ?= #556B2F
$clr-rifle-green ?= #414833
$clr-aquamarine ?= #7FFFD4
$clr-clover ?= #00FF6F
$clr-ash-grey ?= #B2BEB5
$clr-cambridge-blue ?= #A3C1AD
$clr-caribbean-green ?= #00CC99
$clr-emerald ?= #50C878
$clr-mint ?= #3EB489
$clr-jade ?= #00A86B
$clr-xanadu ?= #738678
$clr-tropical-rain-forest ?= #00755E
$clr-dark-spring-green ?= #177245
$clr-cadmium-green ?= #006B3C
$clr-forest-green ?= #014421
$clr-british-racing-green ?= #004225
$clr-dark-green ?= #013220
$clr-dark-jungle-green ?= #1A2421
$clr-bubbles ?= #E7FEFF
$clr-cyan ?= #00FFFF
$clr-columbia-blue ?= #9BDDFF
$clr-bright-turquoise ?= #08E8DE
$clr-baby-blue ?= #89CFF0
$clr-sky-blue ?= #87CEEB
$clr-pastel-blue ?= #AEC6CF
$clr-turquoise ?= #30D5C8
$clr-dark-cyan ?= #008B8B
$clr-cerulean ?= #007BA7
$clr-teal ?= #008080
$clr-pine-green ?= #01796F
$clr-dark-slate-gray ?= #2F4F4F
$clr-alice-blue ?= #F0F8FF
$clr-baby-blue-eyes ?= #A1CAF1
$clr-carolina-blue ?= #99BADD
$clr-iceberg ?= #71A6D2
$clr-cornflower-blue ?= #6495ED
$clr-dark-pastel-blue ?= #779ECB
$clr-united-nations-blue ?= #5B92E5
$clr-bleu-de-france ?= #318CE7
$clr-azure ?= #007FFF
$clr-air-force-blue ?= #5D8AA8
$clr-glaucous ?= #6082B6
$clr-steel-blue ?= #4682B4
$clr-denim ?= #1560BD
$clr-cadet ?= #536878
$clr-cobalt ?= #0047AB
$clr-yale-blue ?= #0F4D92
$clr-dark-cerulean ?= #08457E
$clr-charcoal ?= #36454F
$clr-arsenic ?= #3B444B
$clr-dark-midnight-blue ?= #003366
$clr-cool-black ?= #002E63
$clr-oxford-blue ?= #002147
$clr-ghost-white ?= #F8F8FF
$clr-lavender-blue ?= #CCCCFF
$clr-lavender-gray ?= #C4C3D0
$clr-ceil ?= #92A1CF
$clr-cool-grey ?= #8C92AC
$clr-blue ?= #0000FF
$clr-cerulean-blue ?= #2A52BE
$clr-international-klein-blue ?= #002FA7
$clr-dark-powder-blue ?= #003399
$clr-duke-blue ?= #00009C
$clr-ultramarine ?= #120A8F
$clr-dark-blue ?= #00008B
$clr-navy-blue ?= #000080
$clr-midnight-blue ?= #191970
$clr-sapphire ?= #082567
$clr-royal-blue ?= #002366
$clr-bright-lavender ?= #BF94E4
$clr-lavender ?= #B57EDC
$clr-dark-pastel-purple ?= #966FD6
$clr-violet ?= #8F00FF
$clr-dark-lavender ?= #734F96
$clr-purple-heart ?= #69359C
$clr-bright-ube ?= #D19FE8
$clr-magenta ?= #FF00FF
$clr-pastel-violet ?= #CB99C9
$clr-pastel-purple ?= #B39EB5
$clr-byzantine ?= #BD33A4
$clr-dark-violet ?= #9400D3
$clr-plum ?= #8E4585
$clr-dark-magenta ?= #8B008B
$clr-byzantium ?= #702963
$clr-dark-byzantium ?= #5D3954
$clr-lavender-blush ?= #FFF0F5
$clr-classic-rose ?= #FBCCE7
$clr-pastel-magenta ?= #F49AC2
$clr-sky-magenta ?= #CF71AF
$clr-bright-pink ?= #FF007F
$clr-dark-raspberry ?= #872657
$clr-eggplant ?= #614051
$clr-pastel-pink ?= #FFD1DC
$clr-pink ?= #FFC0CB
$clr-cherry-blossom-pink ?= #FFB7C5
$clr-flamingo-pink ?= #FC8EAC
$clr-dark-pink ?= #E75480
$clr-blush ?= #DE5D83
$clr-cherry ?= #DE3163
$clr-raspberry ?= #E30B5D
$clr-ruby ?= #E0115F
$clr-bright-maroon ?= #C32148
$clr-burgundy ?= #800020
$clr-dark-scarlet ?= #560319
$clr-bubble-gum ?= #FFC1CC
$clr-amaranth ?= #E52B50
$clr-dark-terra-cotta ?= #CC4E5C
$clr-bazaar ?= #98777B
$clr-alizarin ?= #E32636
$clr-crimson ?= #DC143C
$clr-cadmium-red ?= #E30022
$clr-cardinal ?= #C41E3A
$clr-cordovan ?= #893F45
$clr-carmine ?= #960018
$clr-rosewood ?= #65000B
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment