Element

Color

SCSS Location: /styles/scss/global/_variables.scss

blue, darkest
#003970

blue, darker
#004d7d

blue, dark
#00609c

blue, base
#0073b2

blue, light
#008fdc

blue, lighter
#5eb8e9

green, darker
#007630

green, dark
#00943c

green, base
#6fd44e

green, light
#9ae183

neutral, darkest
#131313

neutral, darker
#3b3d3f

neutral, dark
#636569

neutral, base
#a3a7aa

neutral, light
#e1e1e1

neutral, lighter
#f1f1f1

neutral, lightest
#fafafa

teal, dark
#008299

teal, base
#00a2bf

teal, light
#4cbed2

yellow, dark
#c2a633

yellow, base
#f3cf40

yellow, light
#f7dd79

utility, error
#d0021b

$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)