white#ffffffpalette.achromatic.white
Primitive palettes
achromatic
black#000000palette.achromatic.black
neutral
0#fafbfcpalette.neutral.0
50#f3f3f4palette.neutral.50
100#ececedpalette.neutral.100
200#dedfe1palette.neutral.200
300#c2c4c8palette.neutral.300
400#a7a9aepalette.neutral.400
500#8b8e95palette.neutral.500
600#6c6f76palette.neutral.600
700#535963palette.neutral.700
800#383e49palette.neutral.800
900#1c2330palette.neutral.900
950#040b18palette.neutral.950
lightBrand
50#f0f4ffpalette.lightBrand.50
100#e1e8ffpalette.lightBrand.100
200#d2ddffpalette.lightBrand.200
300#c3d1ffpalette.lightBrand.300
400#b4c6ffpalette.lightBrand.400
500#a5baffpalette.lightBrand.500
600#96afffpalette.lightBrand.600
700#88a3ffpalette.lightBrand.700
800#7998ffpalette.lightBrand.800
900#6a8cffpalette.lightBrand.900
950#5b81ffpalette.lightBrand.950
brand
50#7998ffpalette.brand.50
100#6a8cffpalette.brand.100
200#5b81ffpalette.brand.200
300#4c76ffpalette.brand.300
400#3d6affpalette.brand.400
500#2d5fffpalette.brand.500
600#184effpalette.brand.600
700#0037ecpalette.brand.700
800#0032d7palette.brand.800
900#002dc1palette.brand.900
950#002396palette.brand.950
darkBrand
50#0560f2palette.darkBrand.50
100#0654d0palette.darkBrand.100
200#0447b2palette.darkBrand.200
300#03398dpalette.darkBrand.300
400#032d6bpalette.darkBrand.400
500#022152palette.darkBrand.500
600#02193bpalette.darkBrand.600
700#011432palette.darkBrand.700
800#01122apalette.darkBrand.800
900#010d21palette.darkBrand.900
950#000614palette.darkBrand.950
softRed
50#fcececpalette.softRed.50
100#f9dbdbpalette.softRed.100
200#f6c9c9palette.softRed.200
300#f4babapalette.softRed.300
400#f2a6a6palette.softRed.400
500#f09393palette.softRed.500
600#ee8080palette.softRed.600
700#ed6f6fpalette.softRed.700
800#ec5e5epalette.softRed.800
900#ec5050palette.softRed.900
950#ec4040palette.softRed.950
red
50#d20000palette.red.50
100#bf0000palette.red.100
200#af0000palette.red.200
300#9b0000palette.red.300
400#8a0000palette.red.400
500#790000palette.red.500
600#680000palette.red.600
700#570000palette.red.700
800#460000palette.red.800
900#350000palette.red.900
950#240000palette.red.950
softGreen
50#ecfdf2palette.softGreen.50
100#cdfaddpalette.softGreen.100
200#adf6c7palette.softGreen.200
300#8ef3b1palette.softGreen.300
400#6ef09bpalette.softGreen.400
500#4eec86palette.softGreen.500
600#2fe970palette.softGreen.600
700#17de5dpalette.softGreen.700
800#14be4fpalette.softGreen.800
900#119e42palette.softGreen.900
950#0d7f35palette.softGreen.950
green
50#30a920palette.green.50
100#2b9a1dpalette.green.100
200#25881apalette.green.200
300#207b15palette.green.300
400#1c6d12palette.green.400
500#185f10palette.green.500
600#14510dpalette.green.600
700#10430bpalette.green.700
800#0c3508palette.green.800
900#082706palette.green.900
950#051a04palette.green.950
softOrange
50#fff7f0palette.softOrange.50
100#ffe4ccpalette.softOrange.100
200#ffd1a9palette.softOrange.200
300#ffbe86palette.softOrange.300
400#ffab62palette.softOrange.400
500#ff993fpalette.softOrange.500
600#ff861cpalette.softOrange.600
700#f77300palette.softOrange.700
800#d46300palette.softOrange.800
900#b15200palette.softOrange.900
950#8d4200palette.softOrange.950
orange
50#d87a00palette.orange.50
100#c66f00palette.orange.100
200#b36400palette.orange.200
300#a15900palette.orange.300
400#8f4e00palette.orange.400
500#7d4400palette.orange.500
600#6a3900palette.orange.600
700#582f00palette.orange.700
800#462500palette.orange.800
900#341b00palette.orange.900
950#221200palette.orange.950
Editorial palettes
sunGold
50#fffae0editorial.sunGold.50
100#fff5c2editorial.sunGold.100
200#ffef9eeditorial.sunGold.200
300#ffe875editorial.sunGold.300
400#ffde3beditorial.sunGold.400
500#ffd400editorial.sunGold.500
600#dbb600editorial.sunGold.600
700#a48900editorial.sunGold.700
800#6d5b00editorial.sunGold.800
900#493d00editorial.sunGold.900
950#241e00editorial.sunGold.950
base{editorial.sunGold.500}editorial.sunGold.base
deepTeal
50#e0f0f0editorial.deepTeal.50
100#c2e1e1editorial.deepTeal.100
200#9ecfd0editorial.deepTeal.200
300#75babceditorial.deepTeal.300
400#3a9da0editorial.deepTeal.400
500#008082editorial.deepTeal.500
600#007172editorial.deepTeal.600
700#006163editorial.deepTeal.700
800#004f51editorial.deepTeal.800
900#003d3eeditorial.deepTeal.900
950#002b2ceditorial.deepTeal.950
base{editorial.deepTeal.500}editorial.deepTeal.base
FrozenLake
50#f5fdffeditorial.FrozenLake.50
100#ebfaffeditorial.FrozenLake.100
200#e0f8ffeditorial.FrozenLake.200
300#ccf3ffeditorial.FrozenLake.300
400#b8eeffeditorial.FrozenLake.400
500#8fe5ffeditorial.FrozenLake.500
600#70ddffeditorial.FrozenLake.600
700#3cd1ffeditorial.FrozenLake.700
800#00a1d2editorial.FrozenLake.800
900#006583editorial.FrozenLake.900
950#002834editorial.FrozenLake.950
base{editorial.FrozenLake.500}editorial.FrozenLake.base
jungleGreen
50#e0f7eeeditorial.jungleGreen.50
100#c2eeddeditorial.jungleGreen.100
200#9ee4caeditorial.jungleGreen.200
300#75d9b3editorial.jungleGreen.300
400#3aca93editorial.jungleGreen.400
500#00b973editorial.jungleGreen.500
600#00a365editorial.jungleGreen.600
700#008d57editorial.jungleGreen.700
800#007347editorial.jungleGreen.800
900#005937editorial.jungleGreen.900
950#004027editorial.jungleGreen.950
base{editorial.jungleGreen.500}editorial.jungleGreen.base
limeBurst
50#f3fee0editorial.limeBurst.50
100#e7fcc2editorial.limeBurst.100
200#d8fa9eeditorial.limeBurst.200
300#c8f975editorial.limeBurst.300
400#b0f53ceditorial.limeBurst.400
500#99f300editorial.limeBurst.500
600#87d600editorial.limeBurst.600
700#74b900editorial.limeBurst.700
800#5f9700editorial.limeBurst.800
900#497500editorial.limeBurst.900
950#355600editorial.limeBurst.950
base{editorial.limeBurst.500}editorial.limeBurst.base
spiceOrange
50#ffece0editorial.spiceOrange.50
100#ffdbc2editorial.spiceOrange.100
200#ffc69eeditorial.spiceOrange.200
300#ffae75editorial.spiceOrange.300
400#ff8a3aeditorial.spiceOrange.400
500#ff6900editorial.spiceOrange.500
600#e05c00editorial.spiceOrange.600
700#c25000editorial.spiceOrange.700
800#9e4100editorial.spiceOrange.800
900#7a3200editorial.spiceOrange.900
950#5c2600editorial.spiceOrange.950
base{editorial.spiceOrange.500}editorial.spiceOrange.base
amberGlow
50#fff3e5editorial.amberGlow.50
100#ffe8caeditorial.amberGlow.100
200#ffdbaceditorial.amberGlow.200
300#ffcb89editorial.amberGlow.300
400#ffb85aeditorial.amberGlow.400
500#ff9f24editorial.amberGlow.500
600#e08c20editorial.amberGlow.600
700#c2791beditorial.amberGlow.700
800#9e6316editorial.amberGlow.800
900#7a4c11editorial.amberGlow.900
950#5c390deditorial.amberGlow.950
base{editorial.amberGlow.500}editorial.amberGlow.base
spectrumBlue
50#e0eaffeditorial.spectrumBlue.50
100#c2d5ffeditorial.spectrumBlue.100
200#9ebdffeditorial.spectrumBlue.200
300#75a1ffeditorial.spectrumBlue.300
400#3a79ffeditorial.spectrumBlue.400
500#0051ffeditorial.spectrumBlue.500
600#0047e0editorial.spectrumBlue.600
700#003ec2editorial.spectrumBlue.700
800#00329eeditorial.spectrumBlue.800
900#00277aeditorial.spectrumBlue.900
950#001d5ceditorial.spectrumBlue.950
base{editorial.spectrumBlue.500}editorial.spectrumBlue.base
SpringGreen
50#e2fef1editorial.SpringGreen.50
100#c6fee4editorial.SpringGreen.100
200#a9fdd6editorial.SpringGreen.200
300#70fcbbeditorial.SpringGreen.300
400#0cfa8beditorial.SpringGreen.400
500#04d674editorial.SpringGreen.500
600#03ab5deditorial.SpringGreen.600
700#038146editorial.SpringGreen.700
800#026b3aeditorial.SpringGreen.800
900#014023editorial.SpringGreen.900
950#012b17editorial.SpringGreen.950
base{editorial.SpringGreen.500}editorial.SpringGreen.base
blueViolet
50#f2ebffeditorial.blueViolet.50
100#e6d7ffeditorial.blueViolet.100
200#d5bbffeditorial.blueViolet.200
300#c198ffeditorial.blueViolet.300
400#a967fbeditorial.blueViolet.400
500#8635f6editorial.blueViolet.500
600#772fddeditorial.blueViolet.600
700#6829c2editorial.blueViolet.700
800#55229eeditorial.blueViolet.800
900#421a7aeditorial.blueViolet.900
950#31135ceditorial.blueViolet.950
base{editorial.blueViolet.500}editorial.blueViolet.base
TrueAzure
50#efe6ffeditorial.TrueAzure.50
100#e0cdffeditorial.TrueAzure.100
200#d0b5ffeditorial.TrueAzure.200
300#c09cffeditorial.TrueAzure.300
400#b183ffeditorial.TrueAzure.400
500#a16affeditorial.TrueAzure.500
600#9152ffeditorial.TrueAzure.600
700#8139ffeditorial.TrueAzure.700
800#7220ffeditorial.TrueAzure.800
900#6207ffeditorial.TrueAzure.900
950#5700eeeditorial.TrueAzure.950
base{editorial.TrueAzure.500}editorial.TrueAzure.base
DarkTrueAzure
50#7220ffeditorial.DarkTrueAzure.50
100#6207ffeditorial.DarkTrueAzure.100
200#5700eeeditorial.DarkTrueAzure.200
300#4e00d5editorial.DarkTrueAzure.300
400#4500bceditorial.DarkTrueAzure.400
500#3c00a3editorial.DarkTrueAzure.500
600#33008ceditorial.DarkTrueAzure.600
700#2b0075editorial.DarkTrueAzure.700
800#22005deditorial.DarkTrueAzure.800
900#1a0046editorial.DarkTrueAzure.900
950#11002feditorial.DarkTrueAzure.950
base{editorial.DarkTrueAzure.500}editorial.DarkTrueAzure.base
bloomPink
50#fde4ededitorial.bloomPink.50
100#fbc9daeditorial.bloomPink.100
200#f9aac5editorial.bloomPink.200
300#f786aceditorial.bloomPink.300
400#f55289editorial.bloomPink.400
500#f01f66editorial.bloomPink.500
600#d31b5aeditorial.bloomPink.600
700#b6184eeditorial.bloomPink.700
800#95133feditorial.bloomPink.800
900#730f31editorial.bloomPink.900
950#520b23editorial.bloomPink.950
base{editorial.bloomPink.500}editorial.bloomPink.base
Semantic color groups
surface
canvas{palette.neutral.0}semantic.surface.canvas
content{palette.achromatic.white}semantic.surface.content
disabled{palette.neutral.100}semantic.surface.disabled
subtle{palette.neutral.50}semantic.surface.subtle
muted{palette.neutral.100}semantic.surface.muted
elevated{palette.achromatic.white}semantic.surface.elevated
inverse{palette.neutral.900}semantic.surface.inverse
selected{palette.lightBrand.50}semantic.surface.selected
inverseDeep{palette.neutral.950}semantic.surface.inverseDeep
carouselControl#fffffff5semantic.surface.carouselControl
text
primary{palette.neutral.900}semantic.text.primary
secondary{palette.neutral.700}semantic.text.secondary
muted{palette.neutral.600}semantic.text.muted
disabled{palette.neutral.400}semantic.text.disabled
inverse{palette.achromatic.white}semantic.text.inverse
tertiary{palette.neutral.500}semantic.text.tertiary
link{palette.brand.600}semantic.text.link
linkHover{palette.brand.800}semantic.text.linkHover
onBrand{palette.achromatic.white}semantic.text.onBrand
onStatus{palette.achromatic.white}semantic.text.onStatus
icon
primary{semantic.text.primary}semantic.icon.primary
secondary{semantic.text.secondary}semantic.icon.secondary
muted{semantic.text.muted}semantic.icon.muted
disabled{semantic.text.disabled}semantic.icon.disabled
inverse{semantic.text.inverse}semantic.icon.inverse
tertiary{semantic.text.tertiary}semantic.icon.tertiary
link{semantic.text.link}semantic.icon.link
linkHover{semantic.text.linkHover}semantic.icon.linkHover
onBrand{semantic.text.onBrand}semantic.icon.onBrand
onStatus{semantic.text.onStatus}semantic.icon.onStatus
border
subtle{palette.neutral.100}semantic.border.subtle
default{palette.neutral.200}semantic.border.default
strong{palette.neutral.300}semantic.border.strong
focus{palette.lightBrand.200}semantic.border.focus
disabled{palette.neutral.200}semantic.border.disabled
interactive{palette.brand.600}semantic.border.interactive
selected{palette.brand.600}semantic.border.selected
focusStrong{palette.brand.600}semantic.border.focusStrong
inverse{palette.achromatic.white}semantic.border.inverse
transparent#00000000semantic.border.transparent
brand
bg
soft{palette.lightBrand.50}semantic.brand.bg.soft
medium{palette.lightBrand.100}semantic.brand.bg.medium
solid{palette.brand.500}semantic.brand.bg.solid
inverse{palette.achromatic.white}semantic.brand.bg.inverse
inverseBrand{palette.lightBrand.50}semantic.brand.bg.inverseBrand
deep{palette.brand.900}semantic.brand.bg.deep
softHover{palette.lightBrand.400}semantic.brand.bg.softHover
dark
50{palette.darkBrand.50}semantic.brand.bg.dark.50
100{palette.darkBrand.100}semantic.brand.bg.dark.100
200{palette.darkBrand.200}semantic.brand.bg.dark.200
600{palette.darkBrand.600}semantic.brand.bg.dark.600
700{palette.darkBrand.700}semantic.brand.bg.dark.700
800{palette.darkBrand.800}semantic.brand.bg.dark.800
950{palette.darkBrand.950}semantic.brand.bg.dark.950
border
soft{palette.lightBrand.100}semantic.brand.border.soft
medium{palette.lightBrand.200}semantic.brand.border.medium
strong{palette.lightBrand.300}semantic.brand.border.strong
solid{palette.brand.500}semantic.brand.border.solid
inverse{palette.achromatic.white}semantic.brand.border.inverse
inverseBrand{palette.lightBrand.50}semantic.brand.border.inverseBrand
outline{palette.brand.300}semantic.brand.border.outline
deep{palette.darkBrand.400}semantic.brand.border.deep
dark
50{palette.darkBrand.50}semantic.brand.border.dark.50
100{palette.darkBrand.100}semantic.brand.border.dark.100
200{palette.darkBrand.200}semantic.brand.border.dark.200
600{palette.darkBrand.600}semantic.brand.border.dark.600
700{palette.darkBrand.700}semantic.brand.border.dark.700
800{palette.darkBrand.800}semantic.brand.border.dark.800
950{palette.darkBrand.950}semantic.brand.border.dark.950
text
soft{palette.brand.300}semantic.brand.text.soft
medium{palette.brand.500}semantic.brand.text.medium
solid{palette.brand.700}semantic.brand.text.solid
inverse{palette.achromatic.white}semantic.brand.text.inverse
inverseBrand{palette.lightBrand.50}semantic.brand.text.inverseBrand
highlight{palette.lightBrand.500}semantic.brand.text.highlight
dark
50{palette.darkBrand.50}semantic.brand.text.dark.50
100{palette.darkBrand.100}semantic.brand.text.dark.100
200{palette.darkBrand.200}semantic.brand.text.dark.200
600{palette.darkBrand.600}semantic.brand.text.dark.600
700{palette.darkBrand.700}semantic.brand.text.dark.700
800{palette.darkBrand.800}semantic.brand.text.dark.800
950{palette.darkBrand.950}semantic.brand.text.dark.950
icon
soft{palette.brand.300}semantic.brand.icon.soft
medium{palette.brand.500}semantic.brand.icon.medium
solid{palette.brand.700}semantic.brand.icon.solid
inverse{palette.achromatic.white}semantic.brand.icon.inverse
inverseBrand{palette.lightBrand.50}semantic.brand.icon.inverseBrand
dark
50{palette.darkBrand.50}semantic.brand.icon.dark.50
100{palette.darkBrand.100}semantic.brand.icon.dark.100
200{palette.darkBrand.200}semantic.brand.icon.dark.200
600{palette.darkBrand.600}semantic.brand.icon.dark.600
700{palette.darkBrand.700}semantic.brand.icon.dark.700
800{palette.darkBrand.800}semantic.brand.icon.dark.800
950{palette.darkBrand.950}semantic.brand.icon.dark.950
status
info
bgSoft{palette.lightBrand.50}semantic.status.info.bgSoft
bgMedium{palette.lightBrand.100}semantic.status.info.bgMedium
bgSolid{palette.brand.700}semantic.status.info.bgSolid
bgDark{palette.darkBrand.950}semantic.status.info.bgDark
borderSoft{palette.lightBrand.100}semantic.status.info.borderSoft
borderMedium{palette.lightBrand.200}semantic.status.info.borderMedium
borderSolid{palette.brand.700}semantic.status.info.borderSolid
borderDark{palette.darkBrand.700}semantic.status.info.borderDark
textSoft{palette.brand.300}semantic.status.info.textSoft
textMedium{palette.brand.500}semantic.status.info.textMedium
textSolid{palette.brand.700}semantic.status.info.textSolid
textDark{palette.darkBrand.600}semantic.status.info.textDark
iconSoft{palette.brand.300}semantic.status.info.iconSoft
iconMedium{palette.brand.500}semantic.status.info.iconMedium
iconSolid{palette.brand.700}semantic.status.info.iconSolid
iconDark{palette.darkBrand.600}semantic.status.info.iconDark
inverse{palette.achromatic.white}semantic.status.info.inverse
success
bgSoft{palette.softGreen.50}semantic.status.success.bgSoft
bgMedium{palette.softGreen.100}semantic.status.success.bgMedium
bgSolid{palette.green.300}semantic.status.success.bgSolid
bgDark{palette.green.300}semantic.status.success.bgDark
borderSoft{palette.softGreen.100}semantic.status.success.borderSoft
borderMedium{palette.softGreen.200}semantic.status.success.borderMedium
borderSolid{palette.green.300}semantic.status.success.borderSolid
borderDark{palette.green.300}semantic.status.success.borderDark
textSoft{palette.green.100}semantic.status.success.textSoft
textMedium{palette.green.50}semantic.status.success.textMedium
textSolid{palette.green.300}semantic.status.success.textSolid
textDark{palette.green.500}semantic.status.success.textDark
iconSoft{palette.green.100}semantic.status.success.iconSoft
iconMedium{palette.green.50}semantic.status.success.iconMedium
iconSolid{palette.green.300}semantic.status.success.iconSolid
iconDark{palette.green.500}semantic.status.success.iconDark
inverse{palette.achromatic.white}semantic.status.success.inverse
borderStrong{palette.softGreen.300}semantic.status.success.borderStrong
bgHover{palette.softGreen.400}semantic.status.success.bgHover
warning
bgSoft{palette.softOrange.50}semantic.status.warning.bgSoft
bgMedium{palette.softOrange.100}semantic.status.warning.bgMedium
bgSolid{palette.orange.300}semantic.status.warning.bgSolid
bgDark{palette.orange.300}semantic.status.warning.bgDark
borderSoft{palette.softOrange.100}semantic.status.warning.borderSoft
borderMedium{palette.softOrange.200}semantic.status.warning.borderMedium
borderSolid{palette.orange.300}semantic.status.warning.borderSolid
borderDark{palette.orange.300}semantic.status.warning.borderDark
textSoft{palette.orange.50}semantic.status.warning.textSoft
textMedium{palette.orange.100}semantic.status.warning.textMedium
textSolid{palette.orange.500}semantic.status.warning.textSolid
textDark{palette.orange.500}semantic.status.warning.textDark
iconSoft{palette.orange.50}semantic.status.warning.iconSoft
iconMedium{palette.orange.100}semantic.status.warning.iconMedium
iconSolid{palette.orange.500}semantic.status.warning.iconSolid
iconDark{palette.orange.500}semantic.status.warning.iconDark
inverse{palette.achromatic.white}semantic.status.warning.inverse
bgHover{palette.softOrange.300}semantic.status.warning.bgHover
error
bgSoft{palette.softRed.50}semantic.status.error.bgSoft
bgMedium{palette.softRed.100}semantic.status.error.bgMedium
bgSolid{palette.red.50}semantic.status.error.bgSolid
bgDark{palette.red.300}semantic.status.error.bgDark
borderSoft{palette.softRed.100}semantic.status.error.borderSoft
borderMedium{palette.softRed.200}semantic.status.error.borderMedium
borderSolid{palette.red.50}semantic.status.error.borderSolid
borderDark{palette.red.300}semantic.status.error.borderDark
textSoft{palette.red.50}semantic.status.error.textSoft
textMedium{palette.red.100}semantic.status.error.textMedium
textSolid{palette.red.300}semantic.status.error.textSolid
textDark{palette.red.500}semantic.status.error.textDark
iconSoft{palette.red.50}semantic.status.error.iconSoft
iconMedium{palette.red.100}semantic.status.error.iconMedium
iconSolid{palette.red.300}semantic.status.error.iconSolid
iconDark{palette.red.500}semantic.status.error.iconDark
inverse{palette.achromatic.white}semantic.status.error.inverse
bgHover{palette.softRed.300}semantic.status.error.bgHover
neutral
bgSoft{palette.neutral.50}semantic.status.neutral.bgSoft
bgMedium{palette.neutral.100}semantic.status.neutral.bgMedium
bgSolid{palette.neutral.200}semantic.status.neutral.bgSolid
bgDark{palette.neutral.900}semantic.status.neutral.bgDark
borderSoft{palette.neutral.100}semantic.status.neutral.borderSoft
borderMedium{palette.neutral.200}semantic.status.neutral.borderMedium
borderSolid{palette.neutral.300}semantic.status.neutral.borderSolid
borderDark{palette.neutral.500}semantic.status.neutral.borderDark
textSoft{palette.neutral.600}semantic.status.neutral.textSoft
textMedium{palette.neutral.700}semantic.status.neutral.textMedium
textSolid{palette.neutral.900}semantic.status.neutral.textSolid
textDark{palette.neutral.950}semantic.status.neutral.textDark
iconSoft{palette.neutral.600}semantic.status.neutral.iconSoft
iconMedium{palette.neutral.700}semantic.status.neutral.iconMedium
iconSolid{palette.neutral.900}semantic.status.neutral.iconSolid
iconDark{palette.neutral.950}semantic.status.neutral.iconDark
inverse{palette.achromatic.white}semantic.status.neutral.inverse
interaction
primary
surface
rest{palette.brand.600}semantic.interaction.primary.surface.rest
hover{palette.brand.700}semantic.interaction.primary.surface.hover
pressed{palette.brand.800}semantic.interaction.primary.surface.pressed
focus{palette.brand.600}semantic.interaction.primary.surface.focus
disabled{palette.lightBrand.100}semantic.interaction.primary.surface.disabled
border
rest{palette.brand.600}semantic.interaction.primary.border.rest
hover{palette.brand.700}semantic.interaction.primary.border.hover
pressed{palette.brand.800}semantic.interaction.primary.border.pressed
focus{palette.brand.600}semantic.interaction.primary.border.focus
disabled{palette.lightBrand.200}semantic.interaction.primary.border.disabled
content
rest{palette.achromatic.white}semantic.interaction.primary.content.rest
hover{palette.achromatic.white}semantic.interaction.primary.content.hover
pressed{palette.achromatic.white}semantic.interaction.primary.content.pressed
focus{palette.achromatic.white}semantic.interaction.primary.content.focus
disabled{palette.brand.300}semantic.interaction.primary.content.disabled
neutral
surface
rest{semantic.surface.inverse}semantic.interaction.neutral.surface.rest
hover{palette.neutral.800}semantic.interaction.neutral.surface.hover
pressed{semantic.surface.inverseDeep}semantic.interaction.neutral.surface.pressed
content
rest{semantic.text.inverse}semantic.interaction.neutral.content.rest
hover{semantic.text.inverse}semantic.interaction.neutral.content.hover
pressed{semantic.text.inverse}semantic.interaction.neutral.content.pressed
brand
surface
rest#0468ffsemantic.interaction.brand.surface.rest
hover#0357d8semantic.interaction.brand.surface.hover
darkHover#123fd2semantic.interaction.brand.surface.darkHover
accent
favorite
active{editorial.bloomPink.500}semantic.accent.favorite.active
background
defaultRest#ffffff99semantic.accent.favorite.background.defaultRest
darkRest#01122a99semantic.accent.favorite.background.darkRest
border
clear#ffffff00semantic.accent.favorite.border.clear
notification
unread{editorial.bloomPink.500}semantic.accent.notification.unread
rating
active{editorial.sunGold.500}semantic.accent.rating.active
inactive{palette.neutral.200}semantic.accent.rating.inactive
section
marker{editorial.deepTeal.500}semantic.accent.section.marker
map
route{palette.brand.600}semantic.accent.map.route
editorial
sunGold
soft
border{editorial.sunGold.200}semantic.accent.editorial.sunGold.soft.border
surface{editorial.sunGold.50}semantic.accent.editorial.sunGold.soft.surface
content{editorial.sunGold.900}semantic.accent.editorial.sunGold.soft.content
solid
border{editorial.sunGold.500}semantic.accent.editorial.sunGold.solid.border
surface{editorial.sunGold.500}semantic.accent.editorial.sunGold.solid.surface
content{editorial.sunGold.950}semantic.accent.editorial.sunGold.solid.content
deepTeal
soft
border{editorial.deepTeal.200}semantic.accent.editorial.deepTeal.soft.border
surface{editorial.deepTeal.50}semantic.accent.editorial.deepTeal.soft.surface
content{editorial.deepTeal.900}semantic.accent.editorial.deepTeal.soft.content
solid
border{editorial.deepTeal.800}semantic.accent.editorial.deepTeal.solid.border
surface{editorial.deepTeal.800}semantic.accent.editorial.deepTeal.solid.surface
content{editorial.deepTeal.50}semantic.accent.editorial.deepTeal.solid.content
categorySolid
border{editorial.deepTeal.900}semantic.accent.editorial.deepTeal.categorySolid.border
surface{editorial.deepTeal.900}semantic.accent.editorial.deepTeal.categorySolid.surface
content{editorial.deepTeal.50}semantic.accent.editorial.deepTeal.categorySolid.content
frozenLake
soft
border{editorial.FrozenLake.400}semantic.accent.editorial.frozenLake.soft.border
surface{editorial.FrozenLake.50}semantic.accent.editorial.frozenLake.soft.surface
content{editorial.FrozenLake.900}semantic.accent.editorial.frozenLake.soft.content
solid
border{editorial.FrozenLake.500}semantic.accent.editorial.frozenLake.solid.border
surface{editorial.FrozenLake.500}semantic.accent.editorial.frozenLake.solid.surface
content{editorial.FrozenLake.950}semantic.accent.editorial.frozenLake.solid.content
jungleGreen
soft
border{editorial.jungleGreen.200}semantic.accent.editorial.jungleGreen.soft.border
surface{editorial.jungleGreen.50}semantic.accent.editorial.jungleGreen.soft.surface
content{editorial.jungleGreen.900}semantic.accent.editorial.jungleGreen.soft.content
solid
border{editorial.jungleGreen.800}semantic.accent.editorial.jungleGreen.solid.border
surface{editorial.jungleGreen.800}semantic.accent.editorial.jungleGreen.solid.surface
content{editorial.jungleGreen.50}semantic.accent.editorial.jungleGreen.solid.content
limeBurst
soft
border{editorial.limeBurst.200}semantic.accent.editorial.limeBurst.soft.border
surface{editorial.limeBurst.50}semantic.accent.editorial.limeBurst.soft.surface
content{editorial.limeBurst.900}semantic.accent.editorial.limeBurst.soft.content
solid
border{editorial.limeBurst.500}semantic.accent.editorial.limeBurst.solid.border
surface{editorial.limeBurst.500}semantic.accent.editorial.limeBurst.solid.surface
content{editorial.limeBurst.950}semantic.accent.editorial.limeBurst.solid.content
spiceOrange
soft
border{editorial.spiceOrange.200}semantic.accent.editorial.spiceOrange.soft.border
surface{editorial.spiceOrange.50}semantic.accent.editorial.spiceOrange.soft.surface
content{editorial.spiceOrange.900}semantic.accent.editorial.spiceOrange.soft.content
solid
border{editorial.spiceOrange.800}semantic.accent.editorial.spiceOrange.solid.border
surface{editorial.spiceOrange.800}semantic.accent.editorial.spiceOrange.solid.surface
content{editorial.spiceOrange.50}semantic.accent.editorial.spiceOrange.solid.content
amberGlow
soft
border{editorial.amberGlow.200}semantic.accent.editorial.amberGlow.soft.border
surface{editorial.amberGlow.50}semantic.accent.editorial.amberGlow.soft.surface
content{editorial.amberGlow.900}semantic.accent.editorial.amberGlow.soft.content
solid
border{editorial.amberGlow.500}semantic.accent.editorial.amberGlow.solid.border
surface{editorial.amberGlow.500}semantic.accent.editorial.amberGlow.solid.surface
content{editorial.amberGlow.950}semantic.accent.editorial.amberGlow.solid.content
spectrumBlue
soft
border{editorial.spectrumBlue.200}semantic.accent.editorial.spectrumBlue.soft.border
surface{editorial.spectrumBlue.50}semantic.accent.editorial.spectrumBlue.soft.surface
content{editorial.spectrumBlue.900}semantic.accent.editorial.spectrumBlue.soft.content
solid
border{editorial.spectrumBlue.500}semantic.accent.editorial.spectrumBlue.solid.border
surface{editorial.spectrumBlue.500}semantic.accent.editorial.spectrumBlue.solid.surface
content{editorial.spectrumBlue.50}semantic.accent.editorial.spectrumBlue.solid.content
springGreen
soft
border{editorial.SpringGreen.200}semantic.accent.editorial.springGreen.soft.border
surface{editorial.SpringGreen.50}semantic.accent.editorial.springGreen.soft.surface
content{editorial.SpringGreen.950}semantic.accent.editorial.springGreen.soft.content
solid
border{editorial.SpringGreen.400}semantic.accent.editorial.springGreen.solid.border
surface{editorial.SpringGreen.400}semantic.accent.editorial.springGreen.solid.surface
content{editorial.SpringGreen.900}semantic.accent.editorial.springGreen.solid.content
blueViolet
soft
border{editorial.blueViolet.200}semantic.accent.editorial.blueViolet.soft.border
surface{editorial.blueViolet.50}semantic.accent.editorial.blueViolet.soft.surface
content{editorial.blueViolet.900}semantic.accent.editorial.blueViolet.soft.content
solid
border{editorial.blueViolet.500}semantic.accent.editorial.blueViolet.solid.border
surface{editorial.blueViolet.500}semantic.accent.editorial.blueViolet.solid.surface
content{editorial.blueViolet.50}semantic.accent.editorial.blueViolet.solid.content
trueAzure
soft
border{editorial.TrueAzure.200}semantic.accent.editorial.trueAzure.soft.border
surface{editorial.TrueAzure.50}semantic.accent.editorial.trueAzure.soft.surface
content{editorial.TrueAzure.900}semantic.accent.editorial.trueAzure.soft.content
solid
border{editorial.TrueAzure.950}semantic.accent.editorial.trueAzure.solid.border
surface{editorial.TrueAzure.950}semantic.accent.editorial.trueAzure.solid.surface
content{editorial.TrueAzure.50}semantic.accent.editorial.trueAzure.solid.content
categorySolid
border{editorial.DarkTrueAzure.700}semantic.accent.editorial.trueAzure.categorySolid.border
surface{editorial.DarkTrueAzure.700}semantic.accent.editorial.trueAzure.categorySolid.surface
content{semantic.text.inverse}semantic.accent.editorial.trueAzure.categorySolid.content
darkTrueAzure
soft
border{editorial.DarkTrueAzure.200}semantic.accent.editorial.darkTrueAzure.soft.border
surface{editorial.DarkTrueAzure.50}semantic.accent.editorial.darkTrueAzure.soft.surface
content{semantic.text.inverse}semantic.accent.editorial.darkTrueAzure.soft.content
solid
border{editorial.DarkTrueAzure.700}semantic.accent.editorial.darkTrueAzure.solid.border
surface{editorial.DarkTrueAzure.700}semantic.accent.editorial.darkTrueAzure.solid.surface
content{semantic.text.inverse}semantic.accent.editorial.darkTrueAzure.solid.content
bloomPink
soft
border{editorial.bloomPink.200}semantic.accent.editorial.bloomPink.soft.border
surface{editorial.bloomPink.50}semantic.accent.editorial.bloomPink.soft.surface
content{editorial.bloomPink.900}semantic.accent.editorial.bloomPink.soft.content
solid
border{editorial.bloomPink.700}semantic.accent.editorial.bloomPink.solid.border
surface{editorial.bloomPink.700}semantic.accent.editorial.bloomPink.solid.surface
content{editorial.bloomPink.50}semantic.accent.editorial.bloomPink.solid.content
darkBlue
soft
border{editorial.spectrumBlue.200}semantic.accent.editorial.darkBlue.soft.border
surface{editorial.spectrumBlue.50}semantic.accent.editorial.darkBlue.soft.surface
content{editorial.spectrumBlue.900}semantic.accent.editorial.darkBlue.soft.content
solid
border{editorial.spectrumBlue.950}semantic.accent.editorial.darkBlue.solid.border
surface{editorial.spectrumBlue.950}semantic.accent.editorial.darkBlue.solid.surface
content{editorial.spectrumBlue.50}semantic.accent.editorial.darkBlue.solid.content
dataViz
series
1{palette.brand.500}semantic.dataViz.series.1
2{editorial.deepTeal.500}semantic.dataViz.series.2
3{editorial.sunGold.500}semantic.dataViz.series.3
4{editorial.FrozenLake.500}semantic.dataViz.series.4
5{editorial.blueViolet.500}semantic.dataViz.series.5
overlay
showcaseScrim#1c23307asemantic.overlay.showcaseScrim
scrim#040b1852semantic.overlay.scrim
headerNavActiveInverseBase{semantic.surface.content}semantic.overlay.headerNavActiveInverseBase
media
vendor
scrimSoft#0f172a29semantic.media.vendor.scrimSoft
scrimStrong#0f172a6bsemantic.media.vendor.scrimStrong
shared
scrim
stop1#040b1800semantic.media.shared.scrim.stop1
stop2{semantic.surface.inverseDeep}semantic.media.shared.scrim.stop2
product
frameBorder#ffffff52semantic.media.product.frameBorder
badgeBorder#ffffff33semantic.media.product.badgeBorder
badgeSurface#ffffff1fsemantic.media.product.badgeSurface
iconBorder#ffffff2esemantic.media.product.iconBorder
captionText#ffffffc7semantic.media.product.captionText
overlayScrim
stop1#ffffff38semantic.media.product.overlayScrim.stop1
stop2#00000000semantic.media.product.overlayScrim.stop2
stop3#05111e14semantic.media.product.overlayScrim.stop3
stop4#05111e24semantic.media.product.overlayScrim.stop4
stop5#05111e8fsemantic.media.product.overlayScrim.stop5
gridOverlay
stop1#ffffff1fsemantic.media.product.gridOverlay.stop1
stop2#00000000semantic.media.product.gridOverlay.stop2
stop3#ffffff1fsemantic.media.product.gridOverlay.stop3
stop4#00000000semantic.media.product.gridOverlay.stop4
homeHero
fadeGradient
stop1#fbfbfc00semantic.media.homeHero.fadeGradient.stop1
stop2#fbfbfcsemantic.media.homeHero.fadeGradient.stop2
stop3#fbfbfcsemantic.media.homeHero.fadeGradient.stop3
topScrimGradient
stop1#000000semantic.media.homeHero.topScrimGradient.stop1
stop2#000000semantic.media.homeHero.topScrimGradient.stop2
stop3#00000000semantic.media.homeHero.topScrimGradient.stop3
homeHeroResponsive
fadeGradient
stop1#00000000semantic.media.homeHeroResponsive.fadeGradient.stop1
stop2#ffffffsemantic.media.homeHeroResponsive.fadeGradient.stop2
stop3#ffffffsemantic.media.homeHeroResponsive.fadeGradient.stop3
topScrimGradient
stop1#000000semantic.media.homeHeroResponsive.topScrimGradient.stop1
stop2#00000000semantic.media.homeHeroResponsive.topScrimGradient.stop2
entityDetailHero
statBorder#ffffff7asemantic.media.entityDetailHero.statBorder
statLabel#ffffffc2semantic.media.entityDetailHero.statLabel
scrim
stop1#070f1bsemantic.media.entityDetailHero.scrim.stop1
stop2#070f1bsemantic.media.entityDetailHero.scrim.stop2
card
priceDetailLightBorder{semantic.border.inverse}semantic.media.card.priceDetailLightBorder
topMediaScrim
stop1#00000085semantic.media.card.topMediaScrim.stop1
stop2#00000000semantic.media.card.topMediaScrim.stop2
fullMediaScrim
stop1#000000b3semantic.media.card.fullMediaScrim.stop1
stop2#00000080semantic.media.card.fullMediaScrim.stop2
stop3#00000000semantic.media.card.fullMediaScrim.stop3
fullMediaHoverScrim
stop1#000000b3semantic.media.card.fullMediaHoverScrim.stop1
stop2#00000080semantic.media.card.fullMediaHoverScrim.stop2
stop3#00000000semantic.media.card.fullMediaHoverScrim.stop3
imageScrim
medium
stop1#08111f00semantic.media.imageScrim.medium.stop1
stop2#08111f94semantic.media.imageScrim.medium.stop2
strong
stop1#08111f00semantic.media.imageScrim.strong.stop1
stop2#08111fb8semantic.media.imageScrim.strong.stop2
map
detail
panelBorder#dde4eesemantic.map.detail.panelBorder
background#e8eef5semantic.map.detail.background
frameBorder#c6d3e0semantic.map.detail.frameBorder
gridOverlay
stop1#d4dde8semantic.map.detail.gridOverlay.stop1
stop2#00000000semantic.map.detail.gridOverlay.stop2
stop3#d4dde8semantic.map.detail.gridOverlay.stop3
stop4#00000000semantic.map.detail.gridOverlay.stop4
search
markerClearBg{semantic.border.transparent}semantic.map.search.markerClearBg
markerRouteBorder#ebe3ffsemantic.map.search.markerRouteBorder
markerRouteBackground#faf7ffsemantic.map.search.markerRouteBackground
markerRouteText#5d3fd3semantic.map.search.markerRouteText
controlBorder#d8dee8semantic.map.search.controlBorder
controlDivider#e0e5eesemantic.map.search.controlDivider
controlSurface#fffffff0semantic.map.search.controlSurface
controlHoverSurface#eef4ffsemantic.map.search.controlHoverSurface
previewBorder#dde5efsemantic.map.search.previewBorder
previewSurface#fffffff5semantic.map.search.previewSurface
previewMediaSurface#eef3fasemantic.map.search.previewMediaSurface
previewCloseBorder#e2e7efsemantic.map.search.previewCloseBorder
previewCloseHoverSurface#f5f7fasemantic.map.search.previewCloseHoverSurface
previewAction#0468ffsemantic.map.search.previewAction
previewActionHover#0357d8semantic.map.search.previewActionHover
controlDarkSurface#1c2330semantic.map.search.controlDarkSurface
controlDarkHover#111827semantic.map.search.controlDarkHover
statusSurface#ffffffd6semantic.map.search.statusSurface
statusText#6c7480semantic.map.search.statusText
mobileCardSurface#fffffff0semantic.map.search.mobileCardSurface
mobileCardBorder#dde5efsemantic.map.search.mobileCardBorder
mobileCardActiveBorder{semantic.border.selected}semantic.map.search.mobileCardActiveBorder
mobilePanelBorder#e0e5eesemantic.map.search.mobilePanelBorder
mobilePanelHandle#d6dce5semantic.map.search.mobilePanelHandle
mobileControlBorder#d8dee8semantic.map.search.mobileControlBorder
surface
blue#dceafasemantic.map.search.surface.blue
cyan#d8eef7semantic.map.search.surface.cyan
neutral#e7eef4semantic.map.search.surface.neutral
mist#d8edf3semantic.map.search.surface.mist
teal#d9edf4semantic.map.search.surface.teal
overlay
cyan
stop1#ffffff47semantic.map.search.overlay.cyan.stop1
stop2#00000000semantic.map.search.overlay.cyan.stop2
stop3#125d851asemantic.map.search.overlay.cyan.stop3
stop4#ffffff33semantic.map.search.overlay.cyan.stop4
stop5#1986711asemantic.map.search.overlay.cyan.stop5
neutral
stop1#ffffff29semantic.map.search.overlay.neutral.stop1
stop2#0e496e12semantic.map.search.overlay.neutral.stop2
mist
stop1#ffffff3dsemantic.map.search.overlay.mist.stop1
stop2#00000000semantic.map.search.overlay.mist.stop2
stop3#0b58850fsemantic.map.search.overlay.mist.stop3
stop4#0865641asemantic.map.search.overlay.mist.stop4
teal
stop1#006f9412semantic.map.search.overlay.teal.stop1
stop2#0a7f681asemantic.map.search.overlay.teal.stop2
stop3#ffffff2esemantic.map.search.overlay.teal.stop3
stop4#00000000semantic.map.search.overlay.teal.stop4
previewMediaScrim
stop1#08111f00semantic.map.search.previewMediaScrim.stop1
stop2#08111f9esemantic.map.search.previewMediaScrim.stop2
canvasBackground
stop1#eaf2ffsemantic.map.search.canvasBackground.stop1
stop2#f8fbffsemantic.map.search.canvasBackground.stop2
stop3#eaf5efsemantic.map.search.canvasBackground.stop3
route
lineColor#0468ff59semantic.map.route.lineColor
markerBackground#0468ffsemantic.map.route.markerBackground
markerActiveBackground#0468ffsemantic.map.route.markerActiveBackground
markerInactiveBorder#c8d8ffsemantic.map.route.markerInactiveBorder
panel
glass
border#dfe4edsemantic.panel.glass.border
surfaceStrong#fffffffasemantic.panel.glass.surfaceStrong
gradient
border#dfe6f4semantic.panel.gradient.border
surface
stop1#f8fbffsemantic.panel.gradient.surface.stop1
stop2#f3f7ffsemantic.panel.gradient.surface.stop2