Palette tokens
	Name	Underlying Value
	palette-blue_wave-025 `themeVars.palette['blue_wave-025']`	#f5fcff
	palette-blue_wave-050 `themeVars.palette['blue_wave-050']`	#f0fbff
	palette-blue_wave-100 `themeVars.palette['blue_wave-100']`	#d8f3fd
	palette-blue_wave-200 `themeVars.palette['blue_wave-200']`	#bbe8fb
	palette-blue_wave-300 `themeVars.palette['blue_wave-300']`	#8bd0f9
	palette-blue_wave-400 `themeVars.palette['blue_wave-400']`	#47a4f5
	palette-blue_wave-500 `themeVars.palette['blue_wave-500']`	#1d66f3
	palette-blue_wave-600 `themeVars.palette['blue_wave-600']`	#004dd6
	palette-blue_wave-700 `themeVars.palette['blue_wave-700']`	#0039a6
	palette-blue_wave-800 `themeVars.palette['blue_wave-800']`	#002470
	palette-blue_wave-900 `themeVars.palette['blue_wave-900']`	#000f38
	palette-blue-050 `themeVars.palette['blue-050']`	#f4faff
	palette-blue-100 `themeVars.palette['blue-100']`	#e6f3ff
	palette-blue-200 `themeVars.palette['blue-200']`	#abdaff
	palette-blue-300 `themeVars.palette['blue-300']`	#5cbbff
	palette-blue-400 `themeVars.palette['blue-400']`	#0a95ff
	palette-blue-500 `themeVars.palette['blue-500']`	#006ff5
	palette-blue-600 `themeVars.palette['blue-600']`	#0057c4
	palette-blue-700 `themeVars.palette['blue-700']`	#0046a0
	palette-blue-800 `themeVars.palette['blue-800']`	#003780
	palette-blue-900 `themeVars.palette['blue-900']`	#002861
	palette-brand-forest `themeVars.palette['brand-forest']`	#0b353b
	palette-brand-forest-dark `themeVars.palette['brand-forest-dark']`	#08272b
	palette-brand-forest-light `themeVars.palette['brand-forest-light']`	#0e464d
	palette-green_verdant-015 `themeVars.palette['green_verdant-015']`	#f0fff0
	palette-green_verdant-025 `themeVars.palette['green_verdant-025']`	#e0ffe1
	palette-green_verdant-050 `themeVars.palette['green_verdant-050']`	#d1ffd2
	palette-green_verdant-100 `themeVars.palette['green_verdant-100']`	#c2ffc3
	palette-green_verdant-200 `themeVars.palette['green_verdant-200']`	#abffae
	palette-green_verdant-300 `themeVars.palette['green_verdant-300']`	#78fc7c
	palette-green_verdant-400 `themeVars.palette['green_verdant-400']`	#16f363
	palette-green_verdant-500 `themeVars.palette['green_verdant-500']`	#0bd552
	palette-green_verdant-550 `themeVars.palette['green_verdant-550']`	#0ac44b
	palette-green_verdant-600 `themeVars.palette['green_verdant-600']`	#09b244
	palette-green_verdant-700 `themeVars.palette['green_verdant-700']`	#078031
	palette-green_verdant-800 `themeVars.palette['green_verdant-800']`	#04481c
	palette-green_verdant-850 `themeVars.palette['green_verdant-850']`	#033314
	palette-green_verdant-900 `themeVars.palette['green_verdant-900']`	#021d0b
	palette-green-050 `themeVars.palette['green-050']`	#f4ffeb
	palette-green-100 `themeVars.palette['green-100']`	#e4ffce
	palette-green-200 `themeVars.palette['green-200']`	#b8ff99
	palette-green-300 `themeVars.palette['green-300']`	#3dcc00
	palette-green-400 `themeVars.palette['green-400']`	#22a800
	palette-green-500 `themeVars.palette['green-500']`	#00882b
	palette-green-600 `themeVars.palette['green-600']`	#006c20
	palette-green-700 `themeVars.palette['green-700']`	#005719
	palette-green-800 `themeVars.palette['green-800']`	#004511
	palette-green-900 `themeVars.palette['green-900']`	#00320a
	palette-grey_charcoal-015 `themeVars.palette['grey_charcoal-015']`	#fafafa
	palette-grey_charcoal-025 `themeVars.palette['grey_charcoal-025']`	#f5f5f5
	palette-grey_charcoal-050 `themeVars.palette['grey_charcoal-050']`	#ededed
	palette-grey_charcoal-100 `themeVars.palette['grey_charcoal-100']`	#e0e0e0
	palette-grey_charcoal-200 `themeVars.palette['grey_charcoal-200']`	#cccccc
	palette-grey_charcoal-250 `themeVars.palette['grey_charcoal-250']`	#bcbcbc
	palette-grey_charcoal-300 `themeVars.palette['grey_charcoal-300']`	#ababab
	palette-grey_charcoal-350 `themeVars.palette['grey_charcoal-350']`	#9b9b9b
	palette-grey_charcoal-400 `themeVars.palette['grey_charcoal-400']`	#8a8a8a
	palette-grey_charcoal-500 `themeVars.palette['grey_charcoal-500']`	#666666
	palette-grey_charcoal-600 `themeVars.palette['grey_charcoal-600']`	#474747
	palette-grey_charcoal-650 `themeVars.palette['grey_charcoal-650']`	#3d3d3d
	palette-grey_charcoal-700 `themeVars.palette['grey_charcoal-700']`	#333333
	palette-grey_charcoal-750 `themeVars.palette['grey_charcoal-750']`	#2a2a2a
	palette-grey_charcoal-800 `themeVars.palette['grey_charcoal-800']`	#212121
	palette-grey_charcoal-850 `themeVars.palette['grey_charcoal-850']`	#1a1a1a
	palette-grey_charcoal-900 `themeVars.palette['grey_charcoal-900']`	#151515
	palette-grey_charcoal-black `themeVars.palette['grey_charcoal-black']`	#000000
	palette-grey_charcoal-white `themeVars.palette['grey_charcoal-white']`	#ffffff
	palette-grey_warm_charcoal-015 `themeVars.palette['grey_warm_charcoal-015']`	#fafaf9
	palette-grey_warm_charcoal-025 `themeVars.palette['grey_warm_charcoal-025']`	#f6f5f4
	palette-grey_warm_charcoal-050 `themeVars.palette['grey_warm_charcoal-050']`	#efedeb
	palette-grey_warm_charcoal-100 `themeVars.palette['grey_warm_charcoal-100']`	#e4e0dd
	palette-grey_warm_charcoal-200 `themeVars.palette['grey_warm_charcoal-200']`	#d1ccc7
	palette-grey_warm_charcoal-300 `themeVars.palette['grey_warm_charcoal-300']`	#afaba7
	palette-grey_warm_charcoal-400 `themeVars.palette['grey_warm_charcoal-400']`	#8d8a86
	palette-grey_warm_charcoal-500 `themeVars.palette['grey_warm_charcoal-500']`	#686664
	palette-grey_warm_charcoal-600 `themeVars.palette['grey_warm_charcoal-600']`	#494846
	palette-grey_warm_charcoal-700 `themeVars.palette['grey_warm_charcoal-700']`	#343332
	palette-grey_warm_charcoal-800 `themeVars.palette['grey_warm_charcoal-800']`	#212121
	palette-grey_warm_charcoal-900 `themeVars.palette['grey_warm_charcoal-900']`	#151515
	palette-grey_warm_charcoal-black `themeVars.palette['grey_warm_charcoal-black']`	#000000
	palette-grey_warm_charcoal-white `themeVars.palette['grey_warm_charcoal-white']`	#ffffff
	palette-grey-050 `themeVars.palette['grey-050']`	#f8f9f9
	palette-grey-100 `themeVars.palette['grey-100']`	#ebf0f1
	palette-grey-200 `themeVars.palette['grey-200']`	#cad6d8
	palette-grey-300 `themeVars.palette['grey-300']`	#a4b4b6
	palette-grey-400 `themeVars.palette['grey-400']`	#849699
	palette-grey-500 `themeVars.palette['grey-500']`	#66787a
	palette-grey-600 `themeVars.palette['grey-600']`	#515f61
	palette-grey-700 `themeVars.palette['grey-700']`	#3f4e50
	palette-grey-800 `themeVars.palette['grey-800']`	#313d3f
	palette-grey-900 `themeVars.palette['grey-900']`	#202c2d
	palette-grey-black `themeVars.palette['grey-black']`	#000000
	palette-grey-white `themeVars.palette['grey-white']`	#ffffff
	palette-orange_zest-025 `themeVars.palette['orange_zest-025']`	#fff9f5
	palette-orange_zest-050 `themeVars.palette['orange_zest-050']`	#fff6f0
	palette-orange_zest-100 `themeVars.palette['orange_zest-100']`	#fde2d3
	palette-orange_zest-200 `themeVars.palette['orange_zest-200']`	#fbcdb2
	palette-orange_zest-300 `themeVars.palette['orange_zest-300']`	#f8aa7d
	palette-orange_zest-400 `themeVars.palette['orange_zest-400']`	#f58747
	palette-orange_zest-500 `themeVars.palette['orange_zest-500']`	#f36a1b
	palette-orange_zest-600 `themeVars.palette['orange_zest-600']`	#d24d00
	palette-orange_zest-700 `themeVars.palette['orange_zest-700']`	#973800
	palette-orange_zest-800 `themeVars.palette['orange_zest-800']`	#5d2200
	palette-orange_zest-900 `themeVars.palette['orange_zest-900']`	#2e1100
	palette-orange-050 `themeVars.palette['orange-050']`	#fff8f3
	palette-orange-100 `themeVars.palette['orange-100']`	#ffedea
	palette-orange-200 `themeVars.palette['orange-200']`	#fec8bd
	palette-orange-300 `themeVars.palette['orange-300']`	#fd987c
	palette-orange-400 `themeVars.palette['orange-400']`	#f36615
	palette-orange-500 `themeVars.palette['orange-500']`	#c6510f
	palette-orange-600 `themeVars.palette['orange-600']`	#9e3f09
	palette-orange-700 `themeVars.palette['orange-700']`	#813206
	palette-orange-800 `themeVars.palette['orange-800']`	#662604
	palette-orange-900 `themeVars.palette['orange-900']`	#4d1b02
	palette-pink_blush-025 `themeVars.palette['pink_blush-025']`	#fffafd
	palette-pink_blush-050 `themeVars.palette['pink_blush-050']`	#fff5fb
	palette-pink_blush-100 `themeVars.palette['pink_blush-100']`	#fde2f2
	palette-pink_blush-200 `themeVars.palette['pink_blush-200']`	#fbbbe2
	palette-pink_blush-300 `themeVars.palette['pink_blush-300']`	#f98bcd
	palette-pink_blush-400 `themeVars.palette['pink_blush-400']`	#f651b4
	palette-pink_blush-500 `themeVars.palette['pink_blush-500']`	#bc0a74
	palette-pink_blush-600 `themeVars.palette['pink_blush-600']`	#99005b
	palette-pink_blush-700 `themeVars.palette['pink_blush-700']`	#700042
	palette-pink_blush-800 `themeVars.palette['pink_blush-800']`	#470028
	palette-pink_blush-900 `themeVars.palette['pink_blush-900']`	#2e0018
	palette-plum-100 `themeVars.palette['plum-100']`	#f5f0ff
	palette-plum-200 `themeVars.palette['plum-200']`	#e9dbff
	palette-plum-300 `themeVars.palette['plum-300']`	#e1c9ff
	palette-plum-400 `themeVars.palette['plum-400']`	#c497ff
	palette-plum-500 `themeVars.palette['plum-500']`	#af64ff
	palette-plum-600 `themeVars.palette['plum-600']`	#9a50e3
	palette-plum-700 `themeVars.palette['plum-700']`	#843cc7
	palette-plum-800 `themeVars.palette['plum-800']`	#702dab
	palette-plum-900 `themeVars.palette['plum-900']`	#5c1e8f
	palette-plum-950 `themeVars.palette['plum-950']`	#521781
	palette-purple_nova-025 `themeVars.palette['purple_nova-025']`	#fbfaff
	palette-purple_nova-050 `themeVars.palette['purple_nova-050']`	#f6f4ff
	palette-purple_nova-100 `themeVars.palette['purple_nova-100']`	#ece7fe
	palette-purple_nova-150 `themeVars.palette['purple_nova-150']`	#dbd1fd
	palette-purple_nova-200 `themeVars.palette['purple_nova-200']`	#c9bbfb
	palette-purple_nova-300 `themeVars.palette['purple_nova-300']`	#a38bf9
	palette-purple_nova-400 `themeVars.palette['purple_nova-400']`	#7451f6
	palette-purple_nova-500 `themeVars.palette['purple_nova-500']`	#7129ff
	palette-purple_nova-600 `themeVars.palette['purple_nova-600']`	#4b00e2
	palette-purple_nova-700 `themeVars.palette['purple_nova-700']`	#3900ab
	palette-purple_nova-750 `themeVars.palette['purple_nova-750']`	#2c0084
	palette-purple_nova-800 `themeVars.palette['purple_nova-800']`	#1f005c
	palette-purple_nova-900 `themeVars.palette['purple_nova-900']`	#110033
	palette-purple-050 `themeVars.palette['purple-050']`	#f9f8fe
	palette-purple-100 `themeVars.palette['purple-100']`	#f1f0fc
	palette-purple-200 `themeVars.palette['purple-200']`	#d3d0f5
	palette-purple-300 `themeVars.palette['purple-300']`	#b1abed
	palette-purple-400 `themeVars.palette['purple-400']`	#8f86e5
	palette-purple-500 `themeVars.palette['purple-500']`	#7265dc
	palette-purple-600 `themeVars.palette['purple-600']`	#5845d0
	palette-purple-700 `themeVars.palette['purple-700']`	#4632b7
	palette-purple-800 `themeVars.palette['purple-800']`	#362692
	palette-purple-900 `themeVars.palette['purple-900']`	#271a6f
	palette-raspberry-050 `themeVars.palette['raspberry-050']`	#fff7fa
	palette-raspberry-100 `themeVars.palette['raspberry-100']`	#feecf3
	palette-raspberry-200 `themeVars.palette['raspberry-200']`	#fdc1da
	palette-raspberry-300 `themeVars.palette['raspberry-300']`	#fc91c2
	palette-raspberry-400 `themeVars.palette['raspberry-400']`	#fa4daa
	palette-raspberry-500 `themeVars.palette['raspberry-500']`	#dc1a8e
	palette-raspberry-600 `themeVars.palette['raspberry-600']`	#b01371
	palette-raspberry-700 `themeVars.palette['raspberry-700']`	#900d5b
	palette-raspberry-800 `themeVars.palette['raspberry-800']`	#720848
	palette-raspberry-900 `themeVars.palette['raspberry-900']`	#560537
	palette-red_flame-025 `themeVars.palette['red_flame-025']`	#fffafa
	palette-red_flame-050 `themeVars.palette['red_flame-050']`	#fff0f0
	palette-red_flame-100 `themeVars.palette['red_flame-100']`	#fccacb
	palette-red_flame-200 `themeVars.palette['red_flame-200']`	#ff9fa1
	palette-red_flame-300 `themeVars.palette['red_flame-300']`	#e95e62
	palette-red_flame-400 `themeVars.palette['red_flame-400']`	#e43a3f
	palette-red_flame-500 `themeVars.palette['red_flame-500']`	#c50122
	palette-red_flame-600 `themeVars.palette['red_flame-600']`	#99001a
	palette-red_flame-700 `themeVars.palette['red_flame-700']`	#700013
	palette-red_flame-800 `themeVars.palette['red_flame-800']`	#47000c
	palette-red_flame-900 `themeVars.palette['red_flame-900']`	#2e0008
	palette-red-050 `themeVars.palette['red-050']`	#fef7f7
	palette-red-100 `themeVars.palette['red-100']`	#fdeded
	palette-red-200 `themeVars.palette['red-200']`	#fac8c8
	palette-red-300 `themeVars.palette['red-300']`	#f79999
	palette-red-400 `themeVars.palette['red-400']`	#f56060
	palette-red-500 `themeVars.palette['red-500']`	#e22828
	palette-red-600 `themeVars.palette['red-600']`	#b51e1e
	palette-red-700 `themeVars.palette['red-700']`	#941616
	palette-red-800 `themeVars.palette['red-800']`	#761010
	palette-red-900 `themeVars.palette['red-900']`	#590909
	palette-teal_spruce-015 `themeVars.palette['teal_spruce-015']`	#f0f9f9
	palette-teal_spruce-025 `themeVars.palette['teal_spruce-025']`	#daf0f1
	palette-teal_spruce-050 `themeVars.palette['teal_spruce-050']`	#bbe3e7
	palette-teal_spruce-100 `themeVars.palette['teal_spruce-100']`	#91cfd4
	palette-teal_spruce-200 `themeVars.palette['teal_spruce-200']`	#67b8c0
	palette-teal_spruce-300 `themeVars.palette['teal_spruce-300']`	#2f9aa7
	palette-teal_spruce-400 `themeVars.palette['teal_spruce-400']`	#1e7b87
	palette-teal_spruce-500 `themeVars.palette['teal_spruce-500']`	#135e67
	palette-teal_spruce-600 `themeVars.palette['teal_spruce-600']`	#0f4a52
	palette-teal_spruce-700 `themeVars.palette['teal_spruce-700']`	#0b363b
	palette-teal_spruce-800 `themeVars.palette['teal_spruce-800']`	#08272b
	palette-teal_spruce-900 `themeVars.palette['teal_spruce-900']`	#041316
	palette-teal-050 `themeVars.palette['teal-050']`	#eefcfd
	palette-teal-100 `themeVars.palette['teal-100']`	#d5f8fa
	palette-teal-200 `themeVars.palette['teal-200']`	#86e3e8
	palette-teal-300 `themeVars.palette['teal-300']`	#70bfc4
	palette-teal-400 `themeVars.palette['teal-400']`	#5b9ca0
	palette-teal-500 `themeVars.palette['teal-500']`	#487e81
	palette-teal-600 `themeVars.palette['teal-600']`	#386466
	palette-teal-700 `themeVars.palette['teal-700']`	#2c5053
	palette-teal-800 `themeVars.palette['teal-800']`	#213f41
	palette-teal-900 `themeVars.palette['teal-900']`	#172e2f
	palette-yellow_mustard-025 `themeVars.palette['yellow_mustard-025']`	#fffcf5
	palette-yellow_mustard-050 `themeVars.palette['yellow_mustard-050']`	#fffbf0
	palette-yellow_mustard-100 `themeVars.palette['yellow_mustard-100']`	#fdf2d3
	palette-yellow_mustard-200 `themeVars.palette['yellow_mustard-200']`	#fbeabb
	palette-yellow_mustard-300 `themeVars.palette['yellow_mustard-300']`	#f9dc8b
	palette-yellow_mustard-400 `themeVars.palette['yellow_mustard-400']`	#f6ca51
	palette-yellow_mustard-500 `themeVars.palette['yellow_mustard-500']`	#f2b50d
	palette-yellow_mustard-600 `themeVars.palette['yellow_mustard-600']`	#bd8a00
	palette-yellow_mustard-700 `themeVars.palette['yellow_mustard-700']`	#856200
	palette-yellow_mustard-800 `themeVars.palette['yellow_mustard-800']`	#4d3800
	palette-yellow_mustard-900 `themeVars.palette['yellow_mustard-900']`	#241a00
	palette-yellow-050 `themeVars.palette['yellow-050']`	#fff9e2
	palette-yellow-100 `themeVars.palette['yellow-100']`	#fff2b3
	palette-yellow-200 `themeVars.palette['yellow-200']`	#edd500
	palette-yellow-300 `themeVars.palette['yellow-300']`	#ccb100
	palette-yellow-400 `themeVars.palette['yellow-400']`	#b28f00
	palette-yellow-500 `themeVars.palette['yellow-500']`	#947023
	palette-yellow-600 `themeVars.palette['yellow-600']`	#75581a
	palette-yellow-700 `themeVars.palette['yellow-700']`	#5f4713
	palette-yellow-800 `themeVars.palette['yellow-800']`	#4b370d
	palette-yellow-900 `themeVars.palette['yellow-900']`	#302b00

Color

Surface

Surface base

Surface color tokens
	Name	Underlying Value
	color-surface-active `themeVars.color['surface-active']`	palette-grey_charcoal-050 `#ededed`
	color-surface-active-disabled `themeVars.color['surface-active-disabled']`	palette-grey_charcoal-050 `#ededed`
	color-surface-active-hover `themeVars.color['surface-active-hover']`	palette-grey_charcoal-100 `#e0e0e0`
	color-surface-base `themeVars.color['surface-base']`	palette-grey_charcoal-white `#ffffff`
	color-surface-base-disabled `themeVars.color['surface-base-disabled']`	palette-grey_charcoal-200 `#cccccc`
	color-surface-base-hover `themeVars.color['surface-base-hover']`	palette-grey_charcoal-015 `#fafafa`
	color-surface-bold `themeVars.color['surface-bold']`	palette-grey_charcoal-100 `#e0e0e0`
	color-surface-bold-hover `themeVars.color['surface-bold-hover']`	palette-grey_charcoal-200 `#cccccc`
	color-surface-invert `themeVars.color['surface-invert']`	palette-teal_spruce-700 `#0b363b`
	color-surface-invert-bold `themeVars.color['surface-invert-bold']`	palette-teal_spruce-800 `#08272b`
	color-surface-invert-bold-hover `themeVars.color['surface-invert-bold-hover']`	palette-teal_spruce-700 `#0b363b`
	color-surface-invert-hover `themeVars.color['surface-invert-hover']`	palette-teal_spruce-600 `#0f4a52`
	color-surface-invert-subtle `themeVars.color['surface-invert-subtle']`	palette-grey_charcoal-500 `#666666`
	color-surface-subtle `themeVars.color['surface-subtle']`	palette-grey_charcoal-025 `#f5f5f5`
	color-surface-subtle-disabled `themeVars.color['surface-subtle-disabled']`	palette-grey_charcoal-025 `#f5f5f5`
	color-surface-subtle-hover `themeVars.color['surface-subtle-hover']`	palette-grey_charcoal-050 `#ededed`

Surface Accent

Accent surface color tokens
	Name	Underlying Value
	color-surface-accent `themeVars.color['surface-accent']`	palette-teal_spruce-400 `#1e7b87`
	color-surface-accent-disabled `themeVars.color['surface-accent-disabled']`	palette-grey_charcoal-200 `#cccccc`
	color-surface-accent-hover `themeVars.color['surface-accent-hover']`	palette-teal_spruce-500 `#135e67`
	color-surface-accent-minimal `themeVars.color['surface-accent-minimal']`	palette-teal_spruce-100 `#91cfd4`
	color-surface-accent-subtle `themeVars.color['surface-accent-subtle']`	palette-teal_spruce-200 `#67b8c0`

Surface Caution

Caution surface color tokens
	Name	Underlying Value
	color-surface-caution `themeVars.color['surface-caution']`	palette-yellow_mustard-500 `#f2b50d`
	color-surface-caution-bold `themeVars.color['surface-caution-bold']`	palette-yellow_mustard-600 `#bd8a00`
	color-surface-caution-disabled `themeVars.color['surface-caution-disabled']`	palette-yellow_mustard-300 `#f9dc8b`
	color-surface-caution-hover `themeVars.color['surface-caution-hover']`	palette-yellow_mustard-700 `#856200`
	color-surface-caution-minimal `themeVars.color['surface-caution-minimal']`	palette-yellow_mustard-100 `#fdf2d3`
	color-surface-caution-subtle `themeVars.color['surface-caution-subtle']`	palette-yellow_mustard-200 `#fbeabb`
	color-surface-caution-subtle-hover `themeVars.color['surface-caution-subtle-hover']`	palette-yellow_mustard-300 `#f9dc8b`

Surface Critical

Critical surface color tokens
	Name	Underlying Value
	color-surface-critical `themeVars.color['surface-critical']`	palette-red_flame-500 `#c50122`
	color-surface-critical-bold `themeVars.color['surface-critical-bold']`	palette-red_flame-700 `#700013`
	color-surface-critical-disabled `themeVars.color['surface-critical-disabled']`	palette-red_flame-200 `#ff9fa1`
	color-surface-critical-hover `themeVars.color['surface-critical-hover']`	palette-red_flame-600 `#99001a`
	color-surface-critical-minimal `themeVars.color['surface-critical-minimal']`	palette-red_flame-050 `#fff0f0`
	color-surface-critical-subtle `themeVars.color['surface-critical-subtle']`	palette-red_flame-100 `#fccacb`
	color-surface-critical-subtle-hover `themeVars.color['surface-critical-subtle-hover']`	palette-red_flame-200 `#ff9fa1`

Surface Information

Information surface color tokens
	Name	Underlying Value
	color-surface-information `themeVars.color['surface-information']`	palette-blue_wave-500 `#1d66f3`
	color-surface-information-bold `themeVars.color['surface-information-bold']`	palette-blue_wave-700 `#0039a6`
	color-surface-information-disabled `themeVars.color['surface-information-disabled']`	palette-blue_wave-200 `#bbe8fb`
	color-surface-information-hover `themeVars.color['surface-information-hover']`	palette-blue_wave-800 `#002470`
	color-surface-information-minimal `themeVars.color['surface-information-minimal']`	palette-blue_wave-100 `#d8f3fd`
	color-surface-information-subtle `themeVars.color['surface-information-subtle']`	palette-blue_wave-200 `#bbe8fb`
	color-surface-information-subtle-hover `themeVars.color['surface-information-subtle-hover']`	palette-blue_wave-300 `#8bd0f9`

Surface Success

Success surface color tokens
	Name	Underlying Value
	color-surface-success `themeVars.color['surface-success']`	palette-green_verdant-700 `#078031`
	color-surface-success-bold `themeVars.color['surface-success-bold']`	palette-green_verdant-800 `#04481c`
	color-surface-success-disabled `themeVars.color['surface-success-disabled']`	palette-green_verdant-100 `#c2ffc3`
	color-surface-success-hover `themeVars.color['surface-success-hover']`	palette-green_verdant-900 `#021d0b`
	color-surface-success-minimal `themeVars.color['surface-success-minimal']`	palette-green_verdant-050 `#d1ffd2`
	color-surface-success-subtle `themeVars.color['surface-success-subtle']`	palette-green-200 `#b8ff99`
	color-surface-success-subtle-hover `themeVars.color['surface-success-subtle-hover']`	palette-green_verdant-300 `#78fc7c`

Surface Workflow

Workflow surface color tokens
	Name	Underlying Value
	color-surface-workflow-data `themeVars.color['surface-workflow-data']`	palette-pink_blush-400 `#f651b4`
	color-surface-workflow-delays `themeVars.color['surface-workflow-delays']`	palette-orange_zest-500 `#f36a1b`
	color-surface-workflow-flowcontrol `themeVars.color['surface-workflow-flowcontrol']`	palette-teal_spruce-300 `#2f9aa7`
	color-surface-workflow-messages `themeVars.color['surface-workflow-messages']`	palette-purple_nova-300 `#a38bf9`

Border

Border base

Border color tokens
	Name	Underlying Value
	color-border-active `themeVars.color['border-active']`	palette-grey_charcoal-400 `#8a8a8a`
	color-border-active-hover `themeVars.color['border-active-hover']`	palette-grey_charcoal-500 `#666666`
	color-border-base `themeVars.color['border-base']`	palette-grey_charcoal-050 `#ededed`
	color-border-base-hover `themeVars.color['border-base-hover']`	palette-grey_charcoal-100 `#e0e0e0`
	color-border-bold `themeVars.color['border-bold']`	palette-grey_charcoal-300 `#ababab`
	color-border-bold-hover `themeVars.color['border-bold-hover']`	palette-grey_charcoal-400 `#8a8a8a`
	color-border-focus `themeVars.color['border-focus']`	palette-blue_wave-400 `#47a4f5`
	color-border-invert `themeVars.color['border-invert']`	palette-grey_charcoal-white `#ffffff`
	color-border-minimal `themeVars.color['border-minimal']`	palette-grey_charcoal-050 `#ededed`
	color-border-minimal-hover `themeVars.color['border-minimal-hover']`	palette-grey_charcoal-100 `#e0e0e0`

Border Accent

Accent border color tokens
	Name	Underlying Value
	color-border-accent `themeVars.color['border-accent']`	palette-teal_spruce-400 `#1e7b87`
	color-border-accent-disabled `themeVars.color['border-accent-disabled']`	palette-grey_charcoal-200 `#cccccc`
	color-border-accent-hover `themeVars.color['border-accent-hover']`	palette-teal_spruce-500 `#135e67`
	color-border-accent-minimal `themeVars.color['border-accent-minimal']`	palette-grey_charcoal-050 `#ededed`
	color-border-accent-subtle `themeVars.color['border-accent-subtle']`	palette-teal_spruce-700 `#0b363b`
	color-border-accent-subtle-hover `themeVars.color['border-accent-subtle-hover']`	palette-teal_spruce-800 `#08272b`

Border Caution

Caution border color tokens
	Name	Underlying Value
	color-border-caution `themeVars.color['border-caution']`	palette-yellow-400 `#b28f00`
	color-border-caution-disabled `themeVars.color['border-caution-disabled']`	palette-yellow-200 `#edd500`
	color-border-caution-hover `themeVars.color['border-caution-hover']`	palette-yellow-500 `#947023`
	color-border-caution-minimal `themeVars.color['border-caution-minimal']`	palette-yellow-100 `#fff2b3`
	color-border-caution-subtle `themeVars.color['border-caution-subtle']`	palette-yellow-200 `#edd500`
	color-border-caution-subtle-hover `themeVars.color['border-caution-subtle-hover']`	palette-yellow-300 `#ccb100`

Border Critical

Critical border color tokens
	Name	Underlying Value
	color-border-critical `themeVars.color['border-critical']`	palette-red_flame-400 `#e43a3f`
	color-border-critical-disabled `themeVars.color['border-critical-disabled']`	palette-red_flame-200 `#ff9fa1`
	color-border-critical-hover `themeVars.color['border-critical-hover']`	palette-red_flame-600 `#99001a`
	color-border-critical-minimal `themeVars.color['border-critical-minimal']`	palette-red_flame-050 `#fff0f0`
	color-border-critical-subtle `themeVars.color['border-critical-subtle']`	palette-red_flame-200 `#ff9fa1`
	color-border-critical-subtle-hover `themeVars.color['border-critical-subtle-hover']`	palette-red_flame-400 `#e43a3f`

Dropdown border color tokens
	Name	Underlying Value
	color-border-dropdown `themeVars.color['border-dropdown']`	palette-grey_charcoal-050 `#ededed`

Border Feature

Feature border color tokens
	Name	Underlying Value
	color-border-feature-border-information `themeVars.color['border-feature-border-information']`	palette-purple_nova-600 `#4b00e2`
	color-border-feature-border-information-disabled `themeVars.color['border-feature-border-information-disabled']`	palette-purple_nova-300 `#a38bf9`
	color-border-feature-border-information-hover `themeVars.color['border-feature-border-information-hover']`	palette-purple_nova-700 `#3900ab`
	color-border-feature-border-information-minimal `themeVars.color['border-feature-border-information-minimal']`	palette-purple_nova-100 `#ece7fe`
	color-border-feature-border-information-subtle `themeVars.color['border-feature-border-information-subtle']`	palette-purple_nova-300 `#a38bf9`
	color-border-feature-border-information-subtle-hover `themeVars.color['border-feature-border-information-subtle-hover']`	palette-purple_nova-400 `#7451f6`

Border Information

Information border color tokens
	Name	Underlying Value
	color-border-information `themeVars.color['border-information']`	palette-blue_wave-700 `#0039a6`
	color-border-information-disabled `themeVars.color['border-information-disabled']`	palette-blue_wave-300 `#8bd0f9`
	color-border-information-hover `themeVars.color['border-information-hover']`	palette-blue_wave-800 `#002470`
	color-border-information-minimal `themeVars.color['border-information-minimal']`	palette-blue_wave-100 `#d8f3fd`
	color-border-information-subtle `themeVars.color['border-information-subtle']`	palette-blue_wave-200 `#bbe8fb`
	color-border-information-subtle-hover `themeVars.color['border-information-subtle-hover']`	palette-blue_wave-300 `#8bd0f9`

Border Success

Success border color tokens
	Name	Underlying Value
	color-border-success `themeVars.color['border-success']`	palette-green_verdant-700 `#078031`
	color-border-success-disabled `themeVars.color['border-success-disabled']`	palette-green_verdant-300 `#78fc7c`
	color-border-success-hover `themeVars.color['border-success-hover']`	palette-green_verdant-800 `#04481c`
	color-border-success-minimal `themeVars.color['border-success-minimal']`	palette-green_verdant-050 `#d1ffd2`
	color-border-success-subtle `themeVars.color['border-success-subtle']`	palette-green_verdant-200 `#abffae`
	color-border-success-subtle-hover `themeVars.color['border-success-subtle-hover']`	palette-green_verdant-300 `#78fc7c`

Text

Text base

Text color tokens
	Name	Underlying Value
	color-text-active `themeVars.color['text-active']`	palette-grey_charcoal-black `#000000`
	color-text-base `themeVars.color['text-base']`	palette-grey_charcoal-800 `#212121`
	color-text-base-disabled `themeVars.color['text-base-disabled']`	palette-grey_charcoal-300 `#ababab`
	color-text-base-hover `themeVars.color['text-base-hover']`	palette-grey_charcoal-600 `#474747`
	color-text-bold `themeVars.color['text-bold']`	palette-grey_charcoal-black `#000000`
	color-text-bold-hover `themeVars.color['text-bold-hover']`	palette-grey_charcoal-800 `#212121`
	color-text-code `themeVars.color['text-code']`	palette-pink_blush-700 `#700042`
	color-text-invert `themeVars.color['text-invert']`	palette-grey_charcoal-white `#ffffff`
	color-text-minimal `themeVars.color['text-minimal']`	palette-grey_charcoal-200 `#cccccc`
	color-text-placeholder `themeVars.color['text-placeholder']`	palette-grey_charcoal-400 `#8a8a8a`
	color-text-subtle `themeVars.color['text-subtle']`	palette-grey_charcoal-500 `#666666`
	color-text-white `themeVars.color['text-white']`	palette-grey_charcoal-white `#ffffff`

Text Accent

Accent text color tokens
	Name	Underlying Value
	color-text-accent `themeVars.color['text-accent']`	palette-teal_spruce-400 `#1e7b87`
	color-text-accent-bold `themeVars.color['text-accent-bold']`	palette-teal_spruce-800 `#08272b`
	color-text-accent-disabled `themeVars.color['text-accent-disabled']`	palette-teal_spruce-300 `#2f9aa7`
	color-text-accent-hover `themeVars.color['text-accent-hover']`	palette-teal_spruce-500 `#135e67`
	color-text-accent-invert-disabled `themeVars.color['text-accent-invert-disabled']`	palette-grey_charcoal-white `#ffffff`

Text Caution

Caution text color tokens
	Name	Underlying Value
	color-text-caution `themeVars.color['text-caution']`	palette-yellow-400 `#b28f00`
	color-text-caution-bold `themeVars.color['text-caution-bold']`	palette-yellow-500 `#947023`
	color-text-caution-disabled `themeVars.color['text-caution-disabled']`	palette-yellow-100 `#fff2b3`
	color-text-caution-hover `themeVars.color['text-caution-hover']`	palette-yellow-500 `#947023`
	color-text-caution-subtle `themeVars.color['text-caution-subtle']`	palette-yellow-200 `#edd500`

Text Critical

Critical text color tokens
	Name	Underlying Value
	color-text-critical `themeVars.color['text-critical']`	palette-red_flame-400 `#e43a3f`
	color-text-critical-bold `themeVars.color['text-critical-bold']`	palette-red_flame-700 `#700013`
	color-text-critical-disabled `themeVars.color['text-critical-disabled']`	palette-red_flame-200 `#ff9fa1`
	color-text-critical-hover `themeVars.color['text-critical-hover']`	palette-red_flame-600 `#99001a`
	color-text-critical-invert-disabled `themeVars.color['text-critical-invert-disabled']`	palette-red_flame-100 `#fccacb`
	color-text-critical-subtle `themeVars.color['text-critical-subtle']`	palette-red_flame-300 `#e95e62`

Text Information

Information text color tokens
	Name	Underlying Value
	color-text-information `themeVars.color['text-information']`	palette-blue-500 `#006ff5`
	color-text-information-bold `themeVars.color['text-information-bold']`	palette-blue-800 `#003780`
	color-text-information-disabled `themeVars.color['text-information-disabled']`	palette-blue-200 `#abdaff`
	color-text-information-hover `themeVars.color['text-information-hover']`	palette-blue-700 `#0046a0`
	color-text-information-subtle `themeVars.color['text-information-subtle']`	palette-blue-300 `#5cbbff`

Text Success

Success text color tokens
	Name	Underlying Value
	color-text-success `themeVars.color['text-success']`	palette-green-600 `#006c20`
	color-text-success-bold `themeVars.color['text-success-bold']`	palette-green-800 `#004511`
	color-text-success-disabled `themeVars.color['text-success-disabled']`	palette-green-200 `#b8ff99`
	color-text-success-hover `themeVars.color['text-success-hover']`	palette-green-800 `#004511`
	color-text-success-subtle `themeVars.color['text-success-subtle']`	palette-green-300 `#3dcc00`

Background

Background color tokens
	Name	Underlying Value
	color-background-default `themeVars.color['background-default']`	palette-grey_charcoal-white `#ffffff`

Icon

Icon color tokens
	Name	Underlying Value
	color-icon-accent `themeVars.color['icon-accent']`	palette-teal_spruce-400 `#1e7b87`
	color-icon-accent-disabled `themeVars.color['icon-accent-disabled']`	palette-grey_charcoal-300 `#ababab`
	color-icon-accent-hover `themeVars.color['icon-accent-hover']`	palette-teal_spruce-500 `#135e67`
	color-icon-accent-invert-disabled `themeVars.color['icon-accent-invert-disabled']`	palette-pink_blush-050 `#fff5fb`
	color-icon-base `themeVars.color['icon-base']`	palette-grey_charcoal-800 `#212121`
	color-icon-base-disabled `themeVars.color['icon-base-disabled']`	palette-grey_charcoal-300 `#ababab`
	color-icon-base-hover `themeVars.color['icon-base-hover']`	palette-grey_charcoal-900 `#151515`
	color-icon-bold `themeVars.color['icon-bold']`	palette-grey_charcoal-black `#000000`
	color-icon-button `themeVars.color['icon-button']`	palette-grey_charcoal-800 `#212121`
	color-icon-caution `themeVars.color['icon-caution']`	palette-yellow_mustard-600 `#bd8a00`
	color-icon-caution-disabled `themeVars.color['icon-caution-disabled']`	palette-yellow_mustard-200 `#fbeabb`
	color-icon-critical `themeVars.color['icon-critical']`	palette-red_flame-400 `#e43a3f`
	color-icon-critical-disabled `themeVars.color['icon-critical-disabled']`	palette-red_flame-200 `#ff9fa1`
	color-icon-critical-hover `themeVars.color['icon-critical-hover']`	palette-red_flame-600 `#99001a`
	color-icon-critical-invert-disabled `themeVars.color['icon-critical-invert-disabled']`	palette-red_flame-050 `#fff0f0`
	color-icon-feature `themeVars.color['icon-feature']`	palette-purple_nova-500 `#7129ff`
	color-icon-feature-disabled `themeVars.color['icon-feature-disabled']`	palette-purple_nova-300 `#a38bf9`
	color-icon-information `themeVars.color['icon-information']`	palette-blue_wave-600 `#004dd6`
	color-icon-information-disabled `themeVars.color['icon-information-disabled']`	palette-blue_wave-300 `#8bd0f9`
	color-icon-invert `themeVars.color['icon-invert']`	palette-grey_charcoal-white `#ffffff`
	color-icon-minimal `themeVars.color['icon-minimal']`	palette-grey_charcoal-050 `#ededed`
	color-icon-navigation `themeVars.color['icon-navigation']`	palette-grey_charcoal-600 `#474747`
	color-icon-subtle `themeVars.color['icon-subtle']`	palette-grey_charcoal-400 `#8a8a8a`
	color-icon-success `themeVars.color['icon-success']`	palette-green_verdant-600 `#09b244`
	color-icon-success-disabled `themeVars.color['icon-success-disabled']`	palette-green_verdant-100 `#c2ffc3`
	color-icon-white `themeVars.color['icon-white']`	palette-grey_charcoal-white `#ffffff`

Additional colors

AI

AI color tokens
	Name	Underlying Value
	color-ai-fill-stop-01 `themeVars.color['ai-fill-stop-01']`	palette-purple_nova-100 `#ece7fe`
	color-ai-fill-stop-02 `themeVars.color['ai-fill-stop-02']`	palette-orange_zest-100 `#fde2d3`
	color-ai-fill-surface `themeVars.color['ai-fill-surface']`	color-surface-base `#ffffff`
	color-ai-ring-fade `themeVars.color['ai-ring-fade']`	transparent
	color-ai-ring-gap `themeVars.color['ai-ring-gap']`	transparent
	color-ai-ring-stop-01 `themeVars.color['ai-ring-stop-01']`	palette-grey_charcoal-050 `#ededed`
	color-ai-ring-stop-02 `themeVars.color['ai-ring-stop-02']`	palette-orange_zest-300 `#f8aa7d`
	color-ai-ring-stop-03 `themeVars.color['ai-ring-stop-03']`	palette-purple_nova-300 `#a38bf9`

Banner

Banner color tokens
	Name	Underlying Value
	color-banner-caution-background `themeVars.color['banner-caution-background']`	color-banner-warning-background `#fdf2d3`
	color-banner-caution-border `themeVars.color['banner-caution-border']`	palette-yellow_mustard-300 `#f9dc8b`
	color-banner-default-background `themeVars.color['banner-default-background']`	palette-grey_charcoal-050 `#ededed`
	color-banner-default-border `themeVars.color['banner-default-border']`	palette-grey_charcoal-200 `#cccccc`
	color-banner-error-background `themeVars.color['banner-error-background']`	palette-red_flame-050 `#fff0f0`
	color-banner-error-border `themeVars.color['banner-error-border']`	palette-red_flame-300 `#e95e62`
	color-banner-feature-background `themeVars.color['banner-feature-background']`	palette-purple_nova-050 `#f6f4ff`
	color-banner-feature-border `themeVars.color['banner-feature-border']`	palette-purple_nova-400 `#7451f6`
	color-banner-information-background `themeVars.color['banner-information-background']`	palette-blue_wave-100 `#d8f3fd`
	color-banner-information-border `themeVars.color['banner-information-border']`	palette-blue_wave-200 `#bbe8fb`
	color-banner-success-background `themeVars.color['banner-success-background']`	palette-green_verdant-025 `#e0ffe1`
	color-banner-success-border `themeVars.color['banner-success-border']`	palette-green_verdant-300 `#78fc7c`
	color-banner-warning-background `themeVars.color['banner-warning-background']`	palette-yellow_mustard-100 `#fdf2d3`

Button

Button color tokens
	Name	Underlying Value
	color-button-surface-invert `themeVars.color['button-surface-invert']`	color-surface-invert `#0b363b`
	color-button-surface-invert-hover `themeVars.color['button-surface-invert-hover']`	color-surface-invert-hover `#0f4a52`

Chart

Chart color tokens
	Name	Underlying Value
	color-chart-base-1 `themeVars.color['chart-base-1']`	palette-teal_spruce-600 `#0f4a52`
	color-chart-base-2 `themeVars.color['chart-base-2']`	palette-teal_spruce-500 `#135e67`
	color-chart-base-3 `themeVars.color['chart-base-3']`	palette-teal_spruce-400 `#1e7b87`
	color-chart-base-4 `themeVars.color['chart-base-4']`	palette-teal_spruce-300 `#2f9aa7`
	color-chart-positive-1 `themeVars.color['chart-positive-1']`	palette-green_verdant-800 `#04481c`
	color-chart-positive-2 `themeVars.color['chart-positive-2']`	palette-green_verdant-700 `#078031`
	color-chart-positive-3 `themeVars.color['chart-positive-3']`	palette-green_verdant-600 `#09b244`
	color-chart-positive-4 `themeVars.color['chart-positive-4']`	palette-green_verdant-500 `#0bd552`
	color-chart-secondary-1 `themeVars.color['chart-secondary-1']`	palette-grey_charcoal-700 `#333333`
	color-chart-secondary-2 `themeVars.color['chart-secondary-2']`	palette-grey_charcoal-600 `#474747`
	color-chart-secondary-3 `themeVars.color['chart-secondary-3']`	palette-grey_charcoal-500 `#666666`
	color-chart-secondary-4 `themeVars.color['chart-secondary-4']`	palette-grey_charcoal-400 `#8a8a8a`

Date Picker

Date Picker color tokens
	Name	Underlying Value
	color-date_picker-background `themeVars.color['date_picker-background']`	color-surface-active `#ededed`
	color-date_picker-background-hover `themeVars.color['date_picker-background-hover']`	color-surface-accent-hover `#135e67`
	color-date_picker-background-selected `themeVars.color['date_picker-background-selected']`	color-surface-accent `#1e7b87`

Label

Label color tokens
	Name	Underlying Value
	color-label-blue-background `themeVars.color['label-blue-background']`	palette-blue_wave-100 `#d8f3fd`
	color-label-blue-icon `themeVars.color['label-blue-icon']`	palette-blue_wave-600 `#004dd6`
	color-label-blue-text `themeVars.color['label-blue-text']`	palette-blue_wave-700 `#0039a6`
	color-label-clementine-background `themeVars.color['label-clementine-background']`	palette-orange_zest-050 `#fff6f0`
	color-label-clementine-icon `themeVars.color['label-clementine-icon']`	palette-orange_zest-600 `#d24d00`
	color-label-clementine-text `themeVars.color['label-clementine-text']`	palette-orange_zest-700 `#973800`
	color-label-green-background `themeVars.color['label-green-background']`	palette-green_verdant-025 `#e0ffe1`
	color-label-green-icon `themeVars.color['label-green-icon']`	palette-green_verdant-700 `#078031`
	color-label-green-text `themeVars.color['label-green-text']`	palette-green_verdant-800 `#04481c`
	color-label-grey-background `themeVars.color['label-grey-background']`	palette-grey_charcoal-050 `#ededed`
	color-label-grey-icon `themeVars.color['label-grey-icon']`	palette-grey_charcoal-500 `#666666`
	color-label-grey-text `themeVars.color['label-grey-text']`	palette-grey_charcoal-800 `#212121`
	color-label-plum-background `themeVars.color['label-plum-background']`	palette-plum-100 `#f5f0ff`
	color-label-plum-icon `themeVars.color['label-plum-icon']`	palette-plum-700 `#843cc7`
	color-label-plum-text `themeVars.color['label-plum-text']`	palette-plum-900 `#5c1e8f`
	color-label-purple-background `themeVars.color['label-purple-background']`	palette-purple_nova-100 `#ece7fe`
	color-label-purple-icon `themeVars.color['label-purple-icon']`	palette-purple_nova-600 `#4b00e2`
	color-label-purple-text `themeVars.color['label-purple-text']`	palette-purple_nova-700 `#3900ab`
	color-label-raspberry-background `themeVars.color['label-raspberry-background']`	palette-pink_blush-100 `#fde2f2`
	color-label-raspberry-icon `themeVars.color['label-raspberry-icon']`	palette-pink_blush-500 `#bc0a74`
	color-label-raspberry-text `themeVars.color['label-raspberry-text']`	palette-pink_blush-800 `#470028`
	color-label-red-background `themeVars.color['label-red-background']`	palette-red_flame-050 `#fff0f0`
	color-label-red-icon `themeVars.color['label-red-icon']`	palette-red_flame-600 `#99001a`
	color-label-red-text `themeVars.color['label-red-text']`	palette-red_flame-700 `#700013`
	color-label-teal-background `themeVars.color['label-teal-background']`	palette-teal_spruce-025 `#daf0f1`
	color-label-teal-icon `themeVars.color['label-teal-icon']`	palette-teal_spruce-500 `#135e67`
	color-label-teal-text `themeVars.color['label-teal-text']`	palette-teal_spruce-600 `#0f4a52`
	color-label-yellow-background `themeVars.color['label-yellow-background']`	palette-yellow_mustard-100 `#fdf2d3`
	color-label-yellow-icon `themeVars.color['label-yellow-icon']`	palette-yellow_mustard-700 `#856200`
	color-label-yellow-text `themeVars.color['label-yellow-text']`	palette-yellow_mustard-800 `#4d3800`

Navigation color tokens
	Name	Underlying Value
	color-navigation-background `themeVars.color['navigation-background']`	color-surface-subtle `#f5f5f5`
	color-navigation-background-hover `themeVars.color['navigation-background-hover']`	color-surface-subtle-hover `#ededed`
	color-navigation-background-selected `themeVars.color['navigation-background-selected']`	color-surface-base `#ffffff`
	color-navigation-icon `themeVars.color['navigation-icon']`	color-icon-subtle `#8a8a8a`
	color-navigation-icon-collapsed `themeVars.color['navigation-icon-collapsed']`	color-icon-navigation `#474747`
	color-navigation-icon-selected `themeVars.color['navigation-icon-selected']`	color-icon-accent `#1e7b87`
	color-navigation-text `themeVars.color['navigation-text']`	color-text-base `#212121`
	color-navigation-text-selected `themeVars.color['navigation-text-selected']`	color-text-active `#000000`

Snackbar

Snackbar color tokens
	Name	Underlying Value
	color-snackbar-default-background `themeVars.color['snackbar-default-background']`	palette-teal_spruce-800 `#08272b`
	color-snackbar-default-close-background-hover `themeVars.color['snackbar-default-close-background-hover']`	color-surface-invert-hover `#0f4a52`
	color-snackbar-error-background `themeVars.color['snackbar-error-background']`	palette-red_flame-500 `#c50122`
	color-snackbar-error-close-background-hover `themeVars.color['snackbar-error-close-background-hover']`	palette-red_flame-400 `#e43a3f`
	color-snackbar-success-background `themeVars.color['snackbar-success-background']`	palette-green_verdant-700 `#078031`
	color-snackbar-success-close-background-hover `themeVars.color['snackbar-success-close-background-hover']`	palette-green_verdant-600 `#09b244`

Status

Status color tokens
	Name	Underlying Value
	color-status-blue `themeVars.color['status-blue']`	palette-blue-600 `#0057c4`
	color-status-green `themeVars.color['status-green']`	palette-green_verdant-700 `#078031`
	color-status-purple `themeVars.color['status-purple']`	palette-purple-600 `#5845d0`
	color-status-red `themeVars.color['status-red']`	palette-red_flame-400 `#e43a3f`
	color-status-yellow `themeVars.color['status-yellow']`	palette-yellow-300 `#ccb100`

Toggle

Toggle color tokens
	Name	Underlying Value
	color-toggle-surface-active `themeVars.color['toggle-surface-active']`	palette-teal_spruce-500 `#135e67`
	color-toggle-surface-active-disabled `themeVars.color['toggle-surface-active-disabled']`	palette-grey_charcoal-200 `#cccccc`
	color-toggle-surface-active-hover `themeVars.color['toggle-surface-active-hover']`	palette-teal_spruce-600 `#0f4a52`
	color-toggle-surface-base `themeVars.color['toggle-surface-base']`	palette-grey_charcoal-200 `#cccccc`
	color-toggle-surface-base-disabled `themeVars.color['toggle-surface-base-disabled']`	palette-grey_charcoal-100 `#e0e0e0`
	color-toggle-surface-base-hover `themeVars.color['toggle-surface-base-hover']`	palette-grey_charcoal-300 `#ababab`

Space

Space tokens
	Name	Underlying Value
	space-0 `themeVars.space['0']`	0px
	space-025 `themeVars.space['025']`	2px
	space-050 `themeVars.space['050']`	4px
	space-075 `themeVars.space['075']`	6px
	space-100 `themeVars.space['100']`	8px
	space-125 `themeVars.space['125']`	10px
	space-150 `themeVars.space['150']`	12px
	space-175 `themeVars.space['175']`	14px
	space-200 `themeVars.space['200']`	16px
	space-225 `themeVars.space['225']`	18px
	space-250 `themeVars.space['250']`	20px
	space-275 `themeVars.space['275']`	22px
	space-300 `themeVars.space['300']`	24px
	space-350 `themeVars.space['350']`	28px
	space-400 `themeVars.space['400']`	32px
	space-450 `themeVars.space['450']`	36px
	space-500 `themeVars.space['500']`	40px
	space-600 `themeVars.space['600']`	48px
	space-800 `themeVars.space['800']`	64px
	space-900 `themeVars.space['900']`	72px
	space-1000 `themeVars.space['1000']`	80px
	space-1200 `themeVars.space['1200']`	96px
	space-1600 `themeVars.space['1600']`	128px
	space-2000 `themeVars.space['2000']`	160px
	space-2400 `themeVars.space['2400']`	192px
	space-2800 `themeVars.space['2800']`	224px
	space-3200 `themeVars.space['3200']`	256px
	space-icon-lg `themeVars.space['icon-lg']`	space-400 `32px`
	space-icon-md `themeVars.space['icon-md']`	space-300 `24px`
	space-icon-sm `themeVars.space['icon-sm']`	space-200 `16px`
	space-icon-v2-lg `themeVars.space['icon-v2-lg']`	space-300 `24px`
	space-icon-v2-md `themeVars.space['icon-v2-md']`	space-250 `20px`
	space-icon-v2-sm `themeVars.space['icon-v2-sm']`	space-200 `16px`
	space-icon-v2-xl `themeVars.space['icon-v2-xl']`	space-400 `32px`
	space-icon-xl `themeVars.space['icon-xl']`	space-600 `48px`
	space-icon-xs `themeVars.space['icon-xs']`	space-175 `14px`
	space-icon-xxs `themeVars.space['icon-xxs']`	space-150 `12px`
	space-padding-button-medium `themeVars.space['padding-button-medium']`	space-150 `12px`
	space-padding-button-small `themeVars.space['padding-button-small']`	space-100 `8px`
	space-padding-header `themeVars.space['padding-header']`	space-250 `20px`

Border

Border tokens
	Name	Underlying Value
	border-0 `themeVars.border['0']`	0px
	border-width-0125 `themeVars.border['width-0125']`	1px
	border-width-025 `themeVars.border['width-025']`	2px
	border-width-050 `themeVars.border['width-050']`	3px

Border radius

Border radius tokens
	Name	Underlying Value
	radius-2 `themeVars.radius['2']`	2px
	radius-3 `themeVars.radius['3']`	3px
	radius-4 `themeVars.radius['4']`	4px
	radius-6 `themeVars.radius['6']`	6px
	radius-8 `themeVars.radius['8']`	8px
	radius-10 `themeVars.radius['10']`	10px
	radius-full `themeVars.radius['full']`	9999px
	radius-button-medium `themeVars.radius['button-medium']`	radius-4 `4px`
	radius-button-small `themeVars.radius['button-small']`	radius-3 `3px`
	radius-dropdown `themeVars.radius['dropdown']`	radius-6 `6px`
	radius-labels `themeVars.radius['labels']`	radius-3 `3px`

Font

Font family

Font family tokens
	Name	Underlying Value
Aa	font-family-mono `themeVars['font-family']['mono']`	Monaco, Menlo, Consolas, Liberation Mono, Courier, Monospace
Aa	font-family-sans `themeVars['font-family']['sans']`	-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol

Font size tokens
	Name	Underlying Value
Aa	font-size-xxs `themeVars['font-size']['xxs']`	12px
Aa	font-size-xs `themeVars['font-size']['xs']`	13px
Aa	font-size-s `themeVars['font-size']['s']`	14px
Aa	font-size-m `themeVars['font-size']['m']`	16px
Aa	font-size-l `themeVars['font-size']['l']`	20px
Aa	font-size-xl `themeVars['font-size']['xl']`	24px
Aa	font-size-xxl `themeVars['font-size']['xxl']`	32px
Aa	font-size-xxxl `themeVars['font-size']['xxxl']`	48px
Aa	font-size-button `themeVars['font-size']['button']`	font-size-s `14px`

Font weight

Font weight tokens
	Name	Underlying Value
Aa	font-weight-light `themeVars['font-weight']['light']`	300
Aa	font-weight-regular `themeVars['font-weight']['regular']`	400
Aa	font-weight-medium `themeVars['font-weight']['medium']`	500
Aa	font-weight-semibold `themeVars['font-weight']['semibold']`	600
Aa	font-weight-bold `themeVars['font-weight']['bold']`	700
Aa	font-weight-heavy `themeVars['font-weight']['heavy']`	900

Text

Text tokens
	Name	Underlying Value
Aa	text-brand-h1	fontFamily: Poppins fontSize: 52px fontWeight: 500 letterSpacing: 0% lineHeight: 56px textTransform: none textDecoration: none
Aa	text-brand-h2	fontFamily: Poppins fontSize: 40px fontWeight: 500 letterSpacing: 0% lineHeight: 48px textTransform: none textDecoration: none
Aa	text-brand-h3	fontFamily: Poppins fontSize: 32px fontWeight: 500 letterSpacing: 0% lineHeight: 40px textTransform: none textDecoration: none
Aa	text-brand-h4	fontFamily: Poppins fontSize: 24px fontWeight: 500 letterSpacing: 0% lineHeight: 32px textTransform: none textDecoration: none
Aa	text-brand-h5	fontFamily: Poppins fontSize: 18px fontWeight: 500 letterSpacing: 0% lineHeight: 26px textTransform: none textDecoration: none
Aa	text-brand-h6	fontFamily: Poppins fontSize: 14px fontWeight: 500 letterSpacing: 0% lineHeight: 16px textTransform: none textDecoration: none
Aa	text-brand-label	fontFamily: Poppins fontSize: 12px fontWeight: 600 letterSpacing: 4% lineHeight: 14px textTransform: uppercase textDecoration: none
Aa	text-brand-p	fontFamily: SF Pro Text fontSize: 16px fontWeight: 400 letterSpacing: 0% lineHeight: 28px textTransform: none textDecoration: none
Aa	text-brand-p-small	fontFamily: SF Pro Text fontSize: 14px fontWeight: 400 letterSpacing: 0% lineHeight: 20px textTransform: none textDecoration: none
Aa	text-brand-p-subheader	fontFamily: SF Pro Text fontSize: 24px fontWeight: 400 letterSpacing: 0% lineHeight: 36px textTransform: none textDecoration: none
Aa	text-product-code	fontFamily: font-family-mono `Monaco, Menlo, Consolas, Liberation Mono, Courier, Monospace` fontSize: 0.9em fontWeight: font-weight-regular `400` letterSpacing: 0% lineHeight: inherit textTransform: none textDecoration: none
Aa	text-product-h1	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: font-size-xl `24px` fontWeight: font-weight-semibold `600` letterSpacing: 0% lineHeight: 24px textTransform: none textDecoration: none
Aa	text-product-h2	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: 18px fontWeight: font-weight-bold `700` letterSpacing: 0% lineHeight: 20px textTransform: none textDecoration: none
Aa	text-product-h3	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: font-size-m `16px` fontWeight: font-weight-semibold `600` letterSpacing: 0% lineHeight: 20px textTransform: none textDecoration: none
Aa	text-product-h4	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: font-size-s `14px` fontWeight: font-weight-semibold `600` letterSpacing: 0% lineHeight: 16px textTransform: none textDecoration: none
Aa	text-product-label	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: font-size-xxs `12px` fontWeight: font-weight-medium `500` letterSpacing: 1% lineHeight: normal textTransform: none textDecoration: none
Aa	text-product-label-secondary	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: 12px fontWeight: font-weight-medium `500` letterSpacing: 0% lineHeight: 14px textTransform: none textDecoration: none
Aa	text-product-link	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: font-size-s `14px` fontWeight: font-weight-medium `500` letterSpacing: 0% lineHeight: 20px textTransform: none textDecoration: underline
Aa	text-product-link-secondary	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: font-size-s `14px` fontWeight: font-weight-regular `400` letterSpacing: 0% lineHeight: 20px textTransform: none textDecoration: underline
Aa	text-product-p	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: font-size-s `14px` fontWeight: font-weight-regular `400` letterSpacing: 0% lineHeight: 20px textTransform: none textDecoration: none
Aa	text-product-p-active	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: font-size-s `14px` fontWeight: font-weight-semibold `600` letterSpacing: 0% lineHeight: 20px textTransform: none textDecoration: none
Aa	text-product-p-secondary	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: font-size-s `14px` fontWeight: font-weight-regular `400` letterSpacing: 0% lineHeight: 20px textTransform: none textDecoration: none
Aa	text-product-ps	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: font-size-xs `13px` fontWeight: font-weight-regular `400` letterSpacing: 0% lineHeight: 18px textTransform: none textDecoration: none
Aa	text-product-ps-active	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: font-size-xs `13px` fontWeight: font-weight-semibold `600` letterSpacing: 0% lineHeight: 18px textTransform: none textDecoration: none
Aa	text-product-pxs	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: font-size-xxs `12px` fontWeight: font-weight-regular `400` letterSpacing: 0% lineHeight: 18px textTransform: none textDecoration: none
Aa	text-product-pxs-active	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: font-size-xxs `12px` fontWeight: font-weight-semibold `600` letterSpacing: 0% lineHeight: 18px textTransform: none textDecoration: none
Aa	text-product-pxs-secondary	fontFamily: font-family-sans `-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol` fontSize: font-size-xxs `12px` fontWeight: font-weight-regular `400` letterSpacing: 0% lineHeight: 18px textTransform: none textDecoration: none

Box shadow

Box shadow tokens
	Name	Underlying Value
	depth-inset `themeVars.depth['inset']`	1px 1px 2px 0px #34344614
	depth-onset `themeVars.depth['onset']`	inset 1px 1px 2px 0px #34344614
	depth-surface-1 `themeVars.depth['surface-1']`	1px 2px 2px 0px #3434460a, 2px 2px 4px 0px #34344603
	depth-surface-2 `themeVars.depth['surface-2']`	0px 2px 6px 0px #0000000a, 0px 4px 12px 0px #00000014
	depth-surface-3 `themeVars.depth['surface-3']`	1px 2px 2px 0px #34344603, 4px 4px 24px 0px #34344629
	focus `themeVars.focus['default']`	0px 0px 0px 4px color-border-focus, 0px 0px 0px 2px color-surface-base

Filter shadow

Filter shadow tokens
	Name	Underlying Value
	depth-filter-surface-1 `themeVars['depth-filter']['surface-1']`	drop-shadow(1px 2px calc(2px / 2) #3434460a) drop-shadow(2px 2px calc(4px / 2) #34344603)
	depth-filter-surface-2 `themeVars['depth-filter']['surface-2']`	drop-shadow(0px 2px calc(6px / 2) #0000000a) drop-shadow(0px 4px calc(12px / 2) #00000014)
	depth-filter-surface-3 `themeVars['depth-filter']['surface-3']`	drop-shadow(1px 2px calc(2px / 2) #34344603) drop-shadow(4px 4px calc(24px / 2) #34344629)

Motion

Duration

Motion duration tokens
Name	Underlying Value
motion-duration-fast-01 `themeVars.motion['duration-fast-01']`	70ms
motion-duration-fast-02 `themeVars.motion['duration-fast-02']`	110ms
motion-duration-moderate-01 `themeVars.motion['duration-moderate-01']`	150ms
motion-duration-moderate-02 `themeVars.motion['duration-moderate-02']`	240ms
motion-duration-slow-01 `themeVars.motion['duration-slow-01']`	400ms
motion-duration-slow-02 `themeVars.motion['duration-slow-02']`	700ms

Easing

Motion easing tokens
Name	Underlying Value
motion-easing-entrance-expressive `themeVars.motion['easing-entrance-expressive']`	cubic-bezier(0, 0, 0.3, 1)
motion-easing-entrance-productive `themeVars.motion['easing-entrance-productive']`	cubic-bezier(0, 0, 0.38, 0.9)
motion-easing-exit-expressive `themeVars.motion['easing-exit-expressive']`	cubic-bezier(0.4, 0.14, 1, 1)
motion-easing-exit-productive `themeVars.motion['easing-exit-productive']`	cubic-bezier(0.2, 0, 1, 0.9)
motion-easing-standard-expressive `themeVars.motion['easing-standard-expressive']`	cubic-bezier(0.4, 0.14, 0.3, 1)
motion-easing-standard-productive `themeVars.motion['easing-standard-productive']`	cubic-bezier(0.2, 0, 0.38, 0.9)

Fill

AI fill tokens
Name	Underlying Value
ai-fill-mix-amount `themeVars.ai['fill-mix-amount']`	30

Ring

AI ring tokens
Name	Underlying Value
ai-ring-stop-mix-amount-01 `themeVars.ai['ring-stop-mix-amount-01']`	40
ai-ring-stop-mix-amount-02 `themeVars.ai['ring-stop-mix-amount-02']`	60
ai-ring-stop-mix-amount-03 `themeVars.ai['ring-stop-mix-amount-03']`	70

Tokens

On this page