Site Colors
Available colors to use. You should only use colors listed here.
All colors have classes including .background--[colorName]
, .fill--[colorName]
, .stroke--[colorName]
, .type--[colorName]
, to apply to a background, fill, stroke, or typestyle, respectively.
Gradients only have the .background--[gradientName]
class, which applies the linear gradient to the background--image
attribute.
Colors
blue-dark
#005992
blue
#1b9ec6
purple-dark
#711471
purple
#a14fa8
teal
#00a38a
lime
#b2bb21
Grays
white
#ffffff
gray90
#edf0f1
gray80
#dfe4e6
gray70
#bec5c7
gray60
#919698
gray40
#61686a
gray30
#30373d
gray20
#242a2f
black
#000000
grayblue40
#526675
grayblue30
#3e4d5a
grayblue20
#2b343c
Gradients
blue--purple
#389dd3 to #6645ae
teal--blue
#00a38a to #389dd3
white--gray90
#ffffff to #edf0f1
red--orange
#d9122e to #f6543a