Base Color Palette

Green

50

100

300

500

600

700

800

900

Purple

50

200

300

400

500

600

700

800

900

Grey

50

100

150

200

250

300

400

500

600

700

800

850

900

950

Browns

50

100

150

200

300

400

500

600

700

800

850

900

950

Other colors

sky-blue

teal

orange

white

black

Semantic Colors

Text

base
contrast
subtle
muted
accent-subtle
accent-inverse
accent-primary
accent-secondary
accent-secondary-hover

Background

base

glass

muted

subtle

accent-primary

accent-secondary

highlight-green

highlight-purple

highlight-blue

highlight-orange

button-primary

button-primary-hover

button-secondary

Border

subtle

muted

primary

secondary

tertiary

Fills

primary

secondary