Design tokens

System palette adjustments

Use this page as a reference for luminance based adjustments

Red warm

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Red warm vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Red

Original
Adjusted
Shortcode
Original hex
Adjusted hex
#f9eeee
#f8e1de
#f7bbb1
#f2938c
#e9695f
#d83933
#a23737
#6f3331
#3e2927
#1b1616

Red vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Orange warm

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Orange warm vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Orange

Original
Adjusted
Shortcode
Original hex
Adjusted hex
#f6efe9
#f2e4d4
#f3bf90
#f09860
#dd7533
#a86437
#775540
#524236
#332d27
#1b1614

Orange vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Gold

Original
Adjusted
Shortcode
Original hex
Adjusted hex
#f5f0e6
#f1e5cd
#dec69a
#c7a97b
#ad8b65
#8e704f
#6b5947
#4d4438
#322d26
#191714

Gold vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Yellow

Original
Adjusted
Shortcode
Original hex
Adjusted hex
#faf3d1
#f5e6af
#e6c74c
#c9ab48
#a88f48
#8a7237
#6b5a39
#504332
#332d27
#1a1614

Yellow vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Green warm

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Green warm vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Green

Original
Adjusted
Shortcode
Original hex
Adjusted hex
#eaf4dd
#dfeacd
#b8d293
#9bb672
#7d9b4e
#607f35
#4c6424
#3c4a29
#293021
#161814

Green vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Green cool

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Green cool vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Mint

Original
Adjusted
Shortcode
Original hex
Adjusted hex
#dbf6ed
#c7efe2
#92d9bb
#5abf95
#34a37e
#1f8462
#286846
#204e34
#193324
#0d1a12

Mint vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Mint cool

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Mint cool vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Cyan

Original
Adjusted
Shortcode
Original hex
Adjusted hex
#e7f6f8
#ccecf2
#9ddfeb
#6ecbdb
#449dac
#168092
#2a646d
#2c4a4e
#203133
#111819

Cyan vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Blue

Original
Adjusted
Shortcode
Original hex
Adjusted hex
#eff6fb
#d9e8f6
#aacdec
#73b3e7
#4f97d1
#2378c3
#2c608a
#274863
#1f303e
#11181d

Blue vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Blue warm

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Blue warm vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Indigo cool

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Indigo cool vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Indigo

Original
Adjusted
Shortcode
Original hex
Adjusted hex
#efeff8
#e5e4fa
#c5c5f3
#a5a8eb
#8889db
#676cc8
#4d52af
#3d4076
#2b2c40
#16171f

Indigo vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Indigo warm

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Indigo warm vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Violet

Original
Adjusted
Shortcode
Original hex
Adjusted hex
#f4f1f9
#ebe3f9
#d0c3e9
#b8a2e3
#9d84d2
#8168b3
#665190
#4c3d69
#312b3f
#18161d

Violet vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Violet warm

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Violet warm vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Magenta

Original
Adjusted
Shortcode
Original hex
Adjusted hex
#f9f0f2
#f6e1e8
#f0bbcc
#e895b3
#e0699f
#c84281
#8b4566
#66364b
#402731
#1b1617

Magenta vivid

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Gray cool

Original
Adjusted
Shortcode
Original hex
Adjusted hex

Gray

Original
Adjusted
Shortcode
Original hex
Adjusted hex
#fcfcfc
#f9f9f9
#f6f6f6
#f3f3f3
#f0f0f0
#e6e6e6
#c9c9c9
#adadad
#919191
#757575
#5c5c5c
#454545
#2e2e2e
#1b1b1b

Gray warm

Original
Adjusted
Shortcode
Original hex
Adjusted hex