Swatches

Accents

accent

accent2

Grayscale

grey-100

Hex: #FFFFFF

grey-150

Hex: #FFFEFA

grey-200

Hex: #FBFBF6

grey-250

Hex: #EBEBE6

grey-300

Hex: #DCDBD7

grey-350

Hex: #CCCBC8

grey-400

Hex: #BDBCB8

grey-450

Hex: #ADACA9

grey-500

Hex: #9E9C9A

grey-550

Hex: #8F8D8B

grey-600

Hex: #7F7D7B

grey-650

Hex: #706D6C

grey-700

Hex: #605D5D

grey-750

Hex: #514E4D

grey-800

Hex: #413E3E

grey-850

Hex: #322E2F

grey-900

Hex: #221F20

grey-950

Hex: #000000

Light Red

light-red-100

Hex: #FCDBCE

light-red-200

Hex: #FDBBA6

light-red-300

Hex: #FD997D

light-red-400

Hex: #FE7955

light-red-500

Hex: #FF592D

light-red-600

Hex: #D34D2A

light-red-700

Hex: #A74128

light-red-800

Hex: #7A3725

light-red-900

Hex: #4E2B23

Dark Red

dark-red-100

Hex: #E8C9C5

dark-red-200

Hex: #D59794

dark-red-300

Hex: #C06462

dark-red-400

Hex: #AD3231

dark-red-500

Hex: #9A0000

dark-red-600

Hex: #820202

dark-red-700

Hex: #6A0B0C

dark-red-800

Hex: #521313

dark-red-900

Hex: #3A191A

Light Blue

light-blue-100

Hex: #C9ECF5

light-blue-200

Hex: #97DDF4

light-blue-300

Hex: #63CCF1

light-blue-400

Hex: #30BDF0

light-blue-500

Hex: #00AEEF

light-blue-600

Hex: #0091C5

light-blue-700

Hex: #0A749C

light-blue-800

Hex: #135973

light-blue-900

Hex: #1A3C4A

Dark Blue

dark-blue-100

Hex: #C9D3EE

dark-blue-200

Hex: #97ABE6

dark-blue-300

Hex: #6381DE

dark-blue-400

Hex: #3159D6

dark-blue-500

Hex: #0031CE

dark-blue-600

Hex: #002DAB

dark-blue-700

Hex: #0C2989

dark-blue-800

Hex: #132765

dark-blue-900

Hex: #1A2343

Yellow

yellow-100

Hex: #FCEBCB

yellow-200

Hex: #FDDBA0

yellow-300

Hex: #FDCB75

yellow-400

Hex: #FEBB49

yellow-500

Hex: #FFAB1F

yellow-600

Hex: #D38F1E

yellow-700

Hex: #A7731F

yellow-800

Hex: #7A571E

yellow-900

Hex: #4E3B20

Green

green-100

Hex: #CFECCE

green-200

Hex: #A3DEA7

green-300

Hex: #75CE7E

green-400

Hex: #49C057

green-500

Hex: #1DB12F

green-600

Hex: #1E942C

green-700

Hex: #1E7629

green-800

Hex: #205A26

green-900

Hex: #213C23

Text colours

Accent

accent-text

accent2-text

Grayscale

grey-100-text

grey-150-text

grey-200-text

grey-250-text

grey-300-text

grey-350-text

grey-400-text

grey-450-text

grey-500-text

grey-550-text

grey-600-text

grey-650-text

grey-700-text

grey-750-text

grey-800-text

grey-850-text

grey-950-text

grey-950-text

Light red

light-red-100-text

light-red-200-text

light-red-300-text

light-red-400-text

light-red-500-text

light-red-600-text

light-red-700-text

light-red-800-text

light-red-900-text

Dark red

dark-red-100-text

dark-red-200-text

dark-red-300-text

dark-red-400-text

dark-red-500-text

dark-red-600-text

dark-red-700-text

dark-red-800-text

dark-red-900-text

Light blue

light-blue-100-text

light-blue-200-text

light-blue-300-text

light-blue-400-text

light-blue-500-text

light-blue-600-text

light-blue-700-text

light-blue-800-text

light-blue-900-text

Dark blue

dark-blue-100-text

dark-blue-200-text

dark-blue-300-text

dark-blue-400-text

dark-blue-500-text

dark-blue-600-text

dark-blue-700-text

dark-blue-800-text

dark-blue-900-text

Yellow

yellow-100-text

yellow-200-text

yellow-300-text

yellow-400-text

yellow-500-text

yellow-600-text

yellow-700-text

yellow-800-text

yellow-900-text

Green

green-100-text

green-200-text

green-300-text

green-400-text

green-500-text

green-600-text

green-700-text

green-800-text

green-900-text