Components
Colors
Element Colors
$midnight
#1E384B
rgb(30, 56, 75)
$teal
#1A6986
rgb(26, 105, 134)
$charcoal
#4A4A4A
rgb(74, 74, 74)
$steel
#5F636A
rgb(95, 99, 106)
$crimson
#CD3835
rgb(205, 56, 53)
$ruby
#A82D2B
rgb(168, 45, 43)
$sapphite
#1F419A
rgb(31, 65, 154)
$white
#FFFFFF
rgb(255, 255, 255)
Background Colors
$smoke
#CDCDCD
rgb(205, 205, 205)
$silver
#DDDDDD
rgb(221, 221, 221)
$mist
#EEEEEE
rgb(238, 238, 238)
$white
#FFFFFF
rgb(255, 255, 255)
Warnings and Success
$crimson
#CD3835
rgb(205, 56, 53)
$success
#0F9D58
rgb(15,157,88)
Shades / Chart / Graft Colors
Teals
$teal
#1A6986
rgb(26, 105, 134)
$teal-80
#3C7F98
rgb(60, 127, 152)
$teal-60
#5E96AA
rgb(94, 150, 170)
$teal-40
#8CB4C2
rgb(140, 180, 194)
$teal-20
#BAD2DA
rgb(186, 210, 218)
Midnights
$midnight
#1E384B
rgb(30, 56, 75)
$midnight-80
#405666
rgb(64, 86, 102)
$midnight-60
#617381
rgb(97, 115, 129)
$midnight-40
#8E9BA5
rgb(142, 155, 165)
$midnight-20
#BBC3C9
rgb(187, 195, 201)
Crimsons
$ruby
#A82D2B
rgb(168, 45, 43)
$crimson
#CD3835
rgb(205, 56, 53)
$crimson-60
#D45653
rgb(212, 86, 83)
$crimson-40
#DC7371
rgb(220, 115, 113)
$crimson-20
#E69B9A
rgb(230, 155, 154)
Ceruleans
$cerulean
#5191CD
rgb(81, 145, 205)
$cerulean
#85BCE4
rgb(133, 188, 228)
$cerulean-60
#9DC9E9
rgb(157, 201, 233)
$cerulean-40
#C2DDF1
rgb(194, 221, 241)
$cerulean-20
#DAEAF6
rgb(218, 234, 246)
Grays
$charcoal
#4A4A4A
rgb(74, 74, 74)
$steel
#5F636A
rgb(95, 99, 106)
$fog
#A3A7A9
rgb(163, 167, 169)
$silver
#DDDDDD
rgb(221, 221, 221)
$mist
#EEEEEE
rgb(238, 238, 238)