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