Style Guide

Display 1

Display 2

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Body L

Body M

Body S

50

#f4f9f7

100

#daede5

200

#b5dacb

300

#88c0ab

400

#5fa28b

500

#4a927a

600

#356c5b

700

#2e574b

800

#28473e

900

#243d35

950

#11221e

50

#f7f8f8

100

#edeef1

200

#d8dbdf

300

#b6bac3

400

#8e95a2

500

#6b7280

600

#5b616e

700

#4a4e5a

800

#40444c

900

#383a42

950

#25272c

50

#ecfdf7

100

#d1faec

200

#a7f3da

300

#6ee7bf

400

#34d39e

500

#10b981

600

#059666

700

#047852

800

#065f42

900

#064e36

950

#022c1e

50

#fef2f2

100

#fee2e2

200

#fecaca

300

#fca5a5

400

#f87171

500

#ef4444

600

#dc2626

700

#b91c1c

800

#991b1b

900

#7f1d1d

950

#450a0a

50

#fff8eb

100

#feeac7

200

#fdd28a

300

#fcbb4d

400

#fbab24

500

#f59e0b

600

#d98b06

700

#b47409

800

#92610e

900

#78510f

950

#452c03

50

#eff5ff

100

#dbe8fe

200

#bfd7fe

300

#93bbfd

400

#609afa

500

#3b82f6

600

#2570eb

700

#1d64d8

800

#1e55af

900

#1e478a

950

#172e54