Color Palette


Tech Sheet

red

bg-red-darkest 900
bg-red-darker 800
bg-red-dark 700
bg-red 600
bg-red-light 500
bg-red-lighter 400
bg-red-lightest 300

1x Blank Line

red-darkest 900
red-darker 800
red-dark 700
red 600
red-light 500
red-lighter 400
red-lightest 300

pink

bg-pink-darkest 900
bg-pink-darker 800
bg-pink-dark 700
bg-pink 600
bg-pink-light 500
bg-pink-lighter 400
bg-pink-lightest 300

1x Blank Line

pink-darkest 900
pink-darker 800
pink-dark 700
pink 600
pink-light 500
pink-lighter 400
pink-lightest 300

purple

bg-purple-darkest 900
bg-purple-darker 800
bg-purple-dark 700
bg-purple 600
bg-purple-light 500
bg-purple-lighter 400
bg-purple-lightest 300

1x Blank Line

purple-darkest 900
purple-darker 800
purple-dark 700
purple 600
purple-light 500
purple-lighter 400
purple-lightest 300

deep purple

bg-deeppurple-darkest 900
bg-deeppurple-darker 800
bg-deeppurple-dark 700
bg-deeppurple 600
bg-deeppurple-light 500
bg-deeppurple-lighter 400
bg-deeppurple-lightest 300

1x Blank Line

deeppurple-darkest 900
deeppurple-darker 800
deeppurple-dark 700
deeppurple 600
deeppurple-light 500
deeppurple-lighter 400
deeppurple-lightest 300

indigo

bg-indigo-darkest 900
bg-indigo-darker 800
bg-indigo-dark 700
bg-indigo 600
bg-indigo-light 500
bg-indigo-lighter 400
bg-indigo-lightest 300

1x Blank Line

indigo-darkest 900
indigo-darker 800
indigo-dark 700
indigo 600
indigo-light 500
indigo-lighter 400
indigo-lightest 300

blue

bg-blue-darkest 900
bg-blue-darker 800
bg-blue-dark 700
bg-blue 600
bg-blue-light 500
bg-blue-lighter 400
bg-blue-lightest 300

1x Blank Line

blue-darkest 900
blue-darker 800
blue-dark 700
blue 600
blue-light 500
blue-lighter 400
blue-lightest 300

light blue

bg-lightblue-darkest 900
bg-lightblue-darker 800
bg-lightblue-dark 700
bg-lightblue 600
bg-lightblue-light 500
bg-lightblue-lighter 400
bg-lightblue-lightest 300

1x Blank Line

lightblue-darkest 900
lightblue-darker 800
lightblue-dark 700
lightblue 600
lightblue-light 500
lightblue-lighter 400
lightblue-lightest 300

cyan

bg-cyan-darkest 900
bg-cyan-darker 800
bg-cyan-dark 700
bg-cyan 600
bg-cyan-light 500
bg-cyan-lighter 400
bg-cyan-lightest 300

1x Blank Line

cyan-darkest 900
cyan-darker 800
cyan-dark 700
cyan 600
cyan-light 500
cyan-lighter 400
cyan-lightest 300

teal

bg-teal-darkest 900
bg-teal-darker 800
bg-teal-dark 700
bg-teal 600
bg-teal-light 500
bg-teal-lighter 400
bg-teal-lightest 300

1x Blank Line

teal-darkest 900
teal-darker 800
teal-dark 700
teal 600
teal-light 500
teal-lighter 400
teal-lightest 300

green

bg-green-darkest 900
bg-green-darker 800
bg-green-dark 700
bg-green 600
bg-green-light 500
bg-green-lighter 400
bg-green-lightest 300

1x Blank Line

green-darkest 900
green-darker 800
green-dark 700
green 600
green-light 500
green-lighter 400
green-lightest 300

light green

bg-lightgreen-darkest 900
bg-lightgreen-darker 800
bg-lightgreen-dark 700
bg-lightgreen 600
bg-lightgreen-light 500
bg-lightgreen-lighter 400
bg-lightgreen-lightest 300

1x Blank Line

lightgreen-darkest 900
lightgreen-darker 800
lightgreen-dark 700
lightgreen 600
lightgreen-light 500
lightgreen-lighter 400
lightgreen-lightest 300

lime

bg-lime-darkest 900
bg-lime-darker 800
bg-lime-dark 700
bg-lime 600
bg-lime-light 500
bg-lime-lighter 400
bg-lime-lightest 300

1x Blank Line

lime-darkest 900
lime-darker 800
lime-dark 700
lime 600
lime-light 500
lime-lighter 400
lime-lightest 300

yellow

bg-yellow-darkest 900
bg-yellow-darker 800
bg-yellow-dark 700
bg-yellow 600
bg-yellow-light 500
bg-yellow-lighter 400
bg-yellow-lightest 300

1x Blank Line

yellow-darkest 900
yellow-darker 800
yellow-dark 700
yellow 600
yellow-light 500
yellow-lighter 400
yellow-lightest 300

orange

bg-orange-darkest 900
bg-orange-darker 800
bg-orange-dark 700
bg-orange 600
bg-orange-light 500
bg-orange-lighter 400
bg-orange-lightest 300

1x Blank Line

orange-darkest 900
orange-darker 800
orange-dark 700
orange 600
orange-light 500
orange-lighter 400
orange-lightest 300

deep orange

bg-deeporange-darkest 900
bg-deeporange-darker 800
bg-deeporange-dark 700
bg-deeporange 600
bg-deeporange-light 500
bg-deeporange-lighter 400
bg-deeporange-lightest 300

1x Blank Line

deeporange-darkest 900
deeporange-darker 800
deeporange-dark 700
deeporange 600
deeporange-light 500
deeporange-lighter 400
deeporange-lightest 300

brown

bg-brown-darkest 900
bg-brown-darker 800
bg-brown-dark 700
bg-brown 600
bg-brown-light 500
bg-brown-lighter 400
bg-brown-lightest 300

1x Blank Line

brown-darkest 900
brown-darker 800
brown-dark 700
brown 600
brown-light 500
brown-lighter 400
brown-lightest 300

grey

bg-grey-darkest 900
bg-grey-darker 800
bg-grey-dark 700
bg-grey 600
bg-grey-light 500
bg-grey-lighter 400
bg-grey-lightest 300

1x Blank Line

grey-darkest 900
grey-darker 800
grey-dark 700
grey 600
grey-light 500
grey-lighter 400
grey-lightest 300

tint

bg-tint-darkest 900
bg-tint-darker 800
bg-tint-dark 700
bg-tint 600
bg-tint-light 500
bg-tint-lighter 400
bg-tint-lightest 300

1x Blank Line

tint-darkest 900
tint-darker 800
tint-dark 700
tint 600
tint-light 500
tint-lighter 400
tint-lightest 300