Element

Color

SCSS Location: /styles/scss/global/_variables.scss
  • Status: Design
  • Status: Development
  • Status: Documentation

Color Palette

Blue

blue, darkest
#003970
blue, darker
#004d7d
blue, dark
#00609c
blue, base
#0073b2
blue, light
#008fdc
blue, lighter
#5eb8e9

Green

green, darker
#007630
green, dark
#00943c
green, base
#6fd44e
green, light
#9ae183

Neutral

neutral, darkest
#131313
neutral, darker
#3b3d3f
neutral, dark
#636569
neutral, base
#a3a7aa
neutral, light
#e1e1e1
neutral, lighter
#f1f1f1
neutral, lightest
#fafafa

Teal

teal, dark
#008299
teal, base
#00a2bf
teal, light
#4cbed2

Yellow

yellow, dark
#c2a633
yellow, base
#f3cf40
yellow, light
#f7dd79

Other

utility, error
#d0021b

Striped backgrounds

$stripe-primary-dark
color(blue, darkest)
$stripe-primary-base
color(blue, base)
$stripe-primary-light
color(blue, light)
$stripe-primary-lighter
color(blue, lighter)
$stripe-default-dark
color(neutral, lightest)
$stripe-default-base
color(default, light)
$stripe-secondary-light
color(green, base)
$stripe-neutral-dark
color(neutral, light)
$stripe-neutral-base
color(neutral, lighter)
$stripe-neutral-light
color(neutral, lightest)
$stripe-accent-dark
color(teal, dark)
$stripe-accent-base
color(teal, base)
$stripe-accent-light
color(teal, light)