Colour

Colour tokens

Colors are stored in the Brand collection as a palette (blue-500, gray-100, etc.), then mapped to semantic roles in the Mapped collection.

Base tokens

Token name

Hex code

Basic / Grey / 1000

#101010

Basic / Grey / 900

#282828

Basic / Grey / 800

#404040

Basic / Grey / 700

#585858

Basic / Grey / 600

#707070

Basic / Grey / 500

#878787

Basic / Grey / 400

#9F9F9F

Basic / Grey / 300

#9F9F9F

Basic / Grey / 200

#9F9F9F

Basic / Grey / 150

#9F9F9F

Basic / Grey / 100

#9F9F9F

Basic / Grey / 50

#9F9F9F

Basic / Black

#000000

Basic / White

#FFFFFF

Basic / Slate / 800

#7C8696

Basic / Slate / 700

#AEB3BB

Basic / Slate / 600

#BEC2C9

Basic / Slate / 500

#CED1D6

Basic / Slate / 400

#DFE1E4

Basic / Slate / 300

#EFF0F1

Basic / Slate / 200

#F7F8F9

Basic / Slate / 100

#FBFBFB

Token name

Hex code

Primary / Blue / 800

#0080E2

Primary / Blue / 700

#3399E8

Primary / Blue / 600

#66B3ED

Primary / Blue / 500

#99CCF3

Primary / Blue / 400

#CCE6F9

Primary / Blue / 300

#E6F3FD

Primary / Blue / 200

#F2F9FE

Primary / Blue / 100

#F8FCFE

Token name

Hex code

UI / Red / 700

#A01111

UI / Red / 600

#E22F2F

UI / Red / 500

#F25F5F

UI / Red / 400

#FF9999

UI / Red / 300

#FFD1D1

UI / Red / 200

#FFEEEE

UI / Red / 100

#FFF7F7

UI / Green / 700

#419E2C

UI / Green / 600

#71BD61

UI / Green / 500

#99DD85

UI / Green / 400

#C0EEAA

UI / Green / 300

#E1F8D4

UI / Green / 200

#F0FDE9

UI / Green / 100

#F7FEF4

UI / Yellow / 700

#FEA900

UI / Yellow / 600

#FEBA33

UI / Yellow / 500

#FECB66

UI / Yellow / 400

#FFDD99

UI / Yellow / 300

#FFEECC

UI / Yellow / 200

#FFF7E6

UI / Yellow / 100

#FFFBF2

UI / Orange / 700

#FF7439

UI / Orange / 600

#FF9061

UI / Orange / 500

#FFAC88

UI / Orange / 400

#FFC7B0

UI / Orange / 300

#FFE3D7

UI / Orange / 200

#FFF2EC

UI / Orange / 100

#FFF8F5