Primitive Colors

Sets the system’s color palette and tokens used for brand expression, UI states, and readability.

gray

#f5f7f9

100

#d9dde7

200

#bfc6d6

300

#a2adc4

400

#8896b3

500

#67789d

600

#415377

700

#203053

800

#0a1530

900

azure

#e4e9fc

100

#737373

550

#8ebffb

200

#383838

750

#6986ec

300

#252525

825

#60a5fa

350D

#1e1e1e

850

#4a6ae8

400

#2563eb

450D

#1b44da

500

#14329f

600

#102984

700

#0b1b56

800

#040b24

900

#111827

950

yellow

#fdf7ed

100

#f9dfb9

200

#f5ca89

300

#f0b254

400

#ec9c24

500

#b87a1c

600

#845714

700

#50350c

800

#1c1304

900

#fbbf24

400D

#1f1b10

950

red

#fbedef

100

#edb8c1

200

#e18896

300

#d45368

400

#c8223d

500

#9c1b30

600

#701322

700

#440c15

800

#180407

900

#f87171

400D

#2d1114

950

green

#eef8f4

100

#bbe2d3

200

#8ccfb5

300

#58b993

400

#29a575

500

#20815b

600

#175c41

700

#0e3828

800

#05140e

900

#14261e

950

#4ade80

400D

neutral

#f5f5f5

100

#e5e5e5

200

#d4d4d4

300

#a3a3a3

400

#8b8b8b

500

#737373

550

#525252

600

#3f3f3f

700

#383838

750

#2a2a2a

800

#252525

825

#1e1e1e

850

#1a1a1a

900

#141414

950

Purple

#c084fc

300

#8537ad

500

Graph / Light

#1b44da

Azure

#e77d5a

Salmon

#1b44da

Azure 2

#759b0d

Olive

#e77d5a

Salmon 2

#eb84a6

Pink

#67789e

Steel

#177373

Teal

#ec9b22

Amber

#618ccc

Sky

#5aba93

Mint

#711323

Macaron

Graph / Dark

#7b9ff5

Azure

#f5a887

Salmon

#a8cc40

Olive

#f5b3cc

Pink

#97aaf2

Steel

#45c9b5

Teal

#f5c96a

Amber

#91b8f0

Sky

#7ed4b0

Mint

#e18896

Macaron