Color Tokens
Color tokens define the core palette of the design system and are organized into alias groups to make them easier to use consistently. On this page, you’ll find tables that break tokens down by neutral, brand, status, and generic categories. Neutrals provide the base for surfaces and text, brand tokens reinforce identity and recognition, status tokens communicate meaning like success or error, and generic tokens support broader use cases. By working with these aliases instead of raw values, designers and developers can ensure colors are applied systematically, remain flexible for theming, and scale reliably across products.
Neutral Background
Alias token Global token light Global token dark | ||
|---|---|---|
| colorNeutralBackground1 | ||
Copy alias name Rest white grey[16] Copy alias name Hover grey[96] grey[24] Copy alias name Pressed grey[88] grey[12] Copy alias name Selected grey[92] grey[22] | ||
| colorNeutralBackground2 | ||
Copy alias name Rest grey[98] grey[12] Copy alias name Hover grey[94] grey[20] Copy alias name Pressed grey[86] grey[8] Copy alias name Selected grey[90] grey[18] | ||
| colorNeutralBackground3 | ||
Copy alias name Rest grey[96] grey[8] Copy alias name Hover grey[92] grey[16] Copy alias name Pressed grey[84] grey[4] Copy alias name Selected grey[88] grey[14] | ||
| colorNeutralBackground4 | ||
Copy alias name Rest grey[94] grey[4] Copy alias name Hover grey[98] grey[12] Copy alias name Pressed grey[96] black Copy alias name Selected white grey[10] | ||
| colorNeutralBackground5 | ||
Copy alias name Rest grey[92] black Copy alias name Hover grey[96] grey[8] Copy alias name Pressed grey[94] grey[2] Copy alias name Selected grey[98] grey[6] | ||
| colorNeutralBackground6 | ||
Copy alias name Rest grey[90] grey[20] | ||
| colorNeutralBackgroundInverted | ||
Copy alias name Rest grey[16] white Copy alias name Disabled whiteAlpha[10] whiteAlpha[10] | ||
| colorNeutralBackgroundStatic | ||
Copy alias name Rest grey[20] grey[24] | ||
| colorNeutralBackgroundAlpha | ||
Copy alias name Rest whiteAlpha[50] grey10Alpha[50] | ||
| colorNeutralBackgroundAlpha2 | ||
Copy alias name Rest whiteAlpha[80] grey12Alpha[70] | ||
| colorSubtleBackground | ||
Copy alias name Rest N/A ‘transparent’ N/A ‘transparent’ Copy alias name Hover grey[96] grey[22] Copy alias name Pressed grey[88] grey[18] Copy alias name Selected grey[92] grey[20] | ||
| colorSubtleBackgroundLightAlpha | ||
Copy alias name Hover whiteAlpha[70] grey14Alpha[80] Copy alias name Pressed whiteAlpha[50] grey14Alpha[50] Copy alias name Selected N/A ‘transparent’ N/A ‘transparent’ | ||
| colorSubtleBackgroundInverted | ||
Copy alias name Rest N/A ‘transparent’ N/A ‘transparent’ Copy alias name Hover blackAlpha[10] blackAlpha[10] Copy alias name Pressed blackAlpha[30] blackAlpha[30] Copy alias name Selected blackAlpha[20] blackAlpha[20] | ||
| colorTransparentBackground | ||
Copy alias name Rest N/A ‘transparent’ N/A ‘transparent’ Copy alias name Hover N/A ‘transparent’ N/A ‘transparent’ Copy alias name Pressed N/A ‘transparent’ N/A ‘transparent’ Copy alias name Selected N/A ‘transparent’ N/A ‘transparent’ | ||
| colorNeutralBackground | ||
Copy alias name Disabled grey[94] grey[8] | ||
| colorNeutralCardBackground | ||
Copy alias name Rest grey[98] grey[20] Copy alias name Hover white grey[24] Copy alias name Pressed grey[96] grey[18] Copy alias name Selected grey[92] grey[22] Copy alias name Disabled grey[94] grey[8] | ||
Neutral Foreground
Alias token Global token light Global token dark | ||
|---|---|---|
| colorNeutralForeground1 | ||
Copy alias name Rest grey[14] white Copy alias name Hover grey[14] white Copy alias name Pressed grey[14] white Copy alias name Selected grey[14] white | ||
| colorNeutralForeground2 | ||
Copy alias name Rest grey[26] grey[84] Copy alias name Hover grey[14] white Copy alias name Pressed grey[14] white Copy alias name Selected grey[14] white | ||
| colorNeutralForeground2Brand | ||
Copy alias name Hover brand[80] brand[100] Copy alias name Pressed brand[70] brand[90] Copy alias name Selected brand[80] brand[100] | ||
| colorNeutralForeground3 | ||
Copy alias name Rest grey[38] grey[68] Copy alias name Hover grey[26] grey[84] Copy alias name Pressed grey[26] grey[84] Copy alias name Selected grey[26] grey[84] | ||
| colorNeutralForeground3Brand | ||
Copy alias name Hover brand[80] brand[100] Copy alias name Pressed brand[70] brand[90] Copy alias name Selected brand[80] brand[100] | ||
| colorNeutralForeground4 | ||
Copy alias name Rest grey[44] grey[60] | ||
| colorNeutralForeground | ||
Copy alias name Disabled grey[74] grey[36] | ||
| colorNeutralForegroundInverted | ||
Copy alias name Disabled whiteAlpha[40] whiteAlpha[40] Copy alias name Rest white grey[14] Copy alias name Hover white grey[14] Copy alias name Pressed white grey[14] Copy alias name Selected white grey[14] | ||
| colorNeutralForeground2Link | ||
Copy alias name Rest grey[26] grey[84] Copy alias name Hover grey[14] white Copy alias name Pressed grey[14] white Copy alias name Selected grey[14] white | ||
| colorNeutralForeground1Static | ||
Copy alias name Rest grey[14] grey[14] | ||
| colorNeutralForegroundStaticInverted | ||
Copy alias name Rest white white | ||
| colorNeutralForegroundInverted2 | ||
Copy alias name Rest white grey[14] | ||
| colorNeutralForegroundOnBrand | ||
Copy alias name Rest white white | ||
| colorNeutralForegroundInvertedLink | ||
Copy alias name Rest white white Copy alias name Hover white white Copy alias name Pressed white white Copy alias name Selected white white | ||
| colorNeutralStencil1 | ||
Copy alias name Rest grey[90] grey[34] | ||
| colorNeutralStencil2 | ||
Copy alias name Rest grey[98] grey[20] | ||
| colorNeutralStencil1Alpha | ||
Copy alias name Rest blackAlpha[10] whiteAlpha[10] | ||
| colorNeutralStencil2Alpha | ||
Copy alias name Rest blackAlpha[5] whiteAlpha[5] | ||
Neutral Stroke
Alias token Global token light Global token dark | ||
|---|---|---|
| colorNeutralStrokeAccessible | ||
Copy alias name Rest grey[38] grey[68] Copy alias name Hover grey[34] grey[74] Copy alias name Pressed grey[30] grey[70] Copy alias name Selected brand[80] brand[100] | ||
| colorNeutralStroke1 | ||
Copy alias name Rest grey[82] grey[40] Copy alias name Hover grey[78] grey[46] Copy alias name Pressed grey[70] grey[42] Copy alias name Selected grey[74] grey[44] | ||
| colorNeutralStroke2 | ||
Copy alias name Rest grey[88] grey[32] | ||
| colorNeutralStroke3 | ||
Copy alias name Rest grey[94] grey[24] | ||
| colorNeutralStrokeSubtle | ||
Copy alias name Rest grey[88] grey[4] | ||
| colorNeutralStrokeOnBrand | ||
Copy alias name Rest white grey[16] | ||
| colorNeutralStrokeOnBrand2 | ||
Copy alias name Rest white white Copy alias name Hover white white Copy alias name Pressed white white Copy alias name Selected white white | ||
| colorNeutralStroke | ||
Copy alias name Disabled grey[88] grey[26] | ||
| colorNeutralStrokeInverted | ||
Copy alias name Disabled whiteAlpha[40] whiteAlpha[40] | ||
| colorTransparentStroke | ||
Copy alias name Rest N/A ‘transparent’ N/A ‘transparent’ Copy alias name Disabled N/A ‘transparent’ N/A ‘transparent’ | ||
| colorTransparentStrokeInteractive | ||
Copy alias name Rest N/A ‘transparent’ N/A ‘transparent’ | ||
| colorNeutralStrokeAlpha | ||
Copy alias name Rest blackAlpha[5] whiteAlpha[10] | ||
| colorNeutralStrokeAlpha2 | ||
Copy alias name Rest whiteAlpha[20] whiteAlpha[20] | ||
Neutral Shadow
Alias token Global token light Global token dark | ||
|---|---|---|
| colorNeutralShadowAmbient | ||
Copy alias name Rest ‘rgba(0,0,0,0.12)’ ‘rgba(0,0,0,0.24)‘ | ||
| colorNeutralShadowKey | ||
Copy alias name Rest ‘rgba(0,0,0,0.14)’ ‘rgba(0,0,0,0.28)‘ | ||
| colorNeutralShadowAmbientLighter | ||
Copy alias name Rest ‘rgba(0,0,0,0.06)’ ‘rgba(0,0,0,0.12)‘ | ||
| colorNeutralShadowKeyLighter | ||
Copy alias name Rest ‘rgba(0,0,0,0.07)’ ‘rgba(0,0,0,0.14)‘ | ||
| colorNeutralShadowAmbientDarker | ||
Copy alias name Rest ‘rgba(0,0,0,0.20)’ ‘rgba(0,0,0,0.40)‘ | ||
| colorNeutralShadowKeyDarker | ||
Copy alias name Rest ‘rgba(0,0,0,0.24)’ ‘rgba(0,0,0,0.48)‘ | ||
Brand Background
Alias token Global token light Global token dark | ||
|---|---|---|
| colorBrandBackground | ||
Copy alias name Rest brand[80] brand[70] Copy alias name Hover brand[70] brand[80] Copy alias name Pressed brand[40] brand[40] Copy alias name Selected brand[60] brand[60] | ||
| colorBrandBackgroundStatic | ||
Copy alias name Rest brand[80] brand[80] | ||
| colorBrandBackground2 | ||
Copy alias name Rest brand[160] brand[20] Copy alias name Hover brand[150] brand[40] Copy alias name Pressed brand[130] brand[10] | ||
| colorBrandBackground3Static | ||
Copy alias name Rest brand[60] brand[60] | ||
| colorBrandBackground4Static | ||
Copy alias name Rest brand[40] brand[40] | ||
| colorBrandBackgroundInverted | ||
Copy alias name Rest white white Copy alias name Hover brand[160] brand[160] Copy alias name Pressed brand[140] brand[140] Copy alias name Selected brand[150] brand[150] | ||
Brand Foreground
Alias token Global token light Global token dark | ||
|---|---|---|
| colorBrandForegroundLink | ||
Copy alias name Rest brand[70] brand[100] Copy alias name Hover brand[60] brand[110] Copy alias name Pressed brand[40] brand[90] Copy alias name Selected brand[70] brand[100] | ||
| colorBrandForeground1 | ||
Copy alias name Rest brand[80] brand[100] | ||
| colorBrandForeground2 | ||
Copy alias name Rest brand[70] brand[110] Copy alias name Hover brand[60] brand[130] Copy alias name Pressed brand[30] brand[160] | ||
| colorBrandForegroundInverted | ||
Copy alias name Rest brand[100] brand[80] Copy alias name Hover brand[110] brand[70] Copy alias name Pressed brand[100] brand[60] | ||
| colorBrandForegroundOnLight | ||
Copy alias name Rest brand[80] brand[80] Copy alias name Hover brand[70] brand[70] Copy alias name Pressed brand[50] brand[50] Copy alias name Selected brand[60] brand[60] | ||
Brand Stroke
Alias token Global token light Global token dark | ||
|---|---|---|
| colorBrandStroke1 | ||
Copy alias name Rest brand[80] brand[100] | ||
| colorBrandStroke2 | ||
Copy alias name Rest brand[140] brand[50] Copy alias name Hover brand[120] brand[50] Copy alias name Pressed brand[80] brand[30] | ||
| colorBrandStroke2Contrast | ||
Copy alias name Rest brand[140] brand[50] | ||
Brand Shadow
Alias token Global token light Global token dark | ||
|---|---|---|
| colorBrandShadowAmbient | ||
Copy alias name Rest ‘rgba(0,0,0,0.30)’ ‘rgba(0,0,0,0.30)‘ | ||
| colorBrandShadowKey | ||
Copy alias name Rest ‘rgba(0,0,0,0.25)’ ‘rgba(0,0,0,0.25)‘ | ||
Status Background
Alias token Global token light Global token dark | ||
|---|---|---|
| colorStatusDangerBackground1 | ||
Copy alias name Rest cranberry[tint60] cranberry[shade40] | ||
| colorStatusDangerBackground2 | ||
Copy alias name Rest cranberry[tint40] cranberry[shade30] | ||
| colorStatusDangerBackground3 | ||
Copy alias name Rest cranberry[primary] cranberry[primary] Copy alias name Hover cranberry[shade10] cranberry[shade10] Copy alias name Pressed cranberry[shade20] cranberry[shade20] | ||
| colorStatusSuccessBackground1 | ||
Copy alias name Rest green[tint60] green[shade40] | ||
| colorStatusSuccessBackground2 | ||
Copy alias name Rest green[tint40] green[shade30] | ||
| colorStatusSuccessBackground3 | ||
Copy alias name Rest green[primary] green[primary] | ||
| colorStatusWarningBackground1 | ||
Copy alias name Rest orange[tint60] orange[shade40] | ||
| colorStatusWarningBackground2 | ||
Copy alias name Rest orange[tint40] orange[shade30] | ||
| colorStatusWarningBackground3 | ||
Copy alias name Rest orange[primary] orange[primary] | ||
Status Foreground
Alias token Global token light Global token dark | ||
|---|---|---|
| colorStatusDangerForeground1 | ||
Copy alias name Rest cranberry[shade10] cranberry[tint30] | ||
| colorStatusDangerForeground2 | ||
Copy alias name Rest cranberry[shade30] cranberry[tint40] | ||
| colorStatusDangerForeground3 | ||
Copy alias name Rest cranberry[primary] cranberry[tint40] | ||
| colorStatusDangerForegroundInverted | ||
Copy alias name Rest cranberry[tint30] cranberry[shade10] | ||
| colorStatusSuccessForeground1 | ||
Copy alias name Rest green[shade10] green[tint30] | ||
| colorStatusSuccessForeground2 | ||
Copy alias name Rest green[shade30] green[tint40] | ||
| colorStatusSuccessForeground3 | ||
Copy alias name Rest green[primary] green[tint40] | ||
| colorStatusSuccessForegroundInverted | ||
Copy alias name Rest green[tint30] green[shade10] | ||
| colorStatusWarningForeground1 | ||
Copy alias name Rest orange[shade20] orange[tint30] | ||
| colorStatusWarningForeground2 | ||
Copy alias name Rest orange[shade30] orange[tint40] | ||
| colorStatusWarningForeground3 | ||
Copy alias name Rest orange[shade20] orange[tint20] | ||
| colorStatusWarningForegroundInverted | ||
Copy alias name Rest orange[tint30] orange[shade20] | ||
Status Stroke
Alias token Global token light Global token dark | ||
|---|---|---|
| colorStatusDangerBorderActive | ||
Copy alias name Rest cranberry[primary] cranberry[tint30] | ||
| colorStatusDangerBorder1 | ||
Copy alias name Rest cranberry[tint40] cranberry[primary] | ||
| colorStatusDangerBorder2 | ||
Copy alias name Rest cranberry[primary] cranberry[tint30] | ||
| colorStatusSuccessBorderActive | ||
Copy alias name Rest green[primary] green[tint30] | ||
| colorStatusSuccessBorder1 | ||
Copy alias name Rest green[tint40] green[primary] | ||
| colorStatusSuccessBorder2 | ||
Copy alias name Rest green[primary] green[tint40] | ||
| colorStatusWarningBorderActive | ||
Copy alias name Rest orange[primary] orange[tint30] | ||
| colorStatusWarningBorder1 | ||
Copy alias name Rest orange[tint40] orange[primary] | ||
| colorStatusWarningBorder2 | ||
Copy alias name Rest orange[shade20] orange[tint20] | ||
Generic Status Background
Alias token Global token light Global token dark | ||
|---|---|---|
| colorPaletteRedBackground1 | ||
Copy alias name Rest red[tint60] red[shade40] | ||
| colorPaletteRedBackground2 | ||
Copy alias name Rest red[tint40] red[shade30] | ||
| colorPaletteRedBackground3 | ||
Copy alias name Rest red[primary] red[primary] | ||
| colorPaletteGreenBackground1 | ||
Copy alias name Rest green[tint60] green[shade40] | ||
| colorPaletteGreenBackground2 | ||
Copy alias name Rest green[tint40] green[shade30] | ||
| colorPaletteGreenBackground3 | ||
Copy alias name Rest green[primary] green[primary] | ||
| colorPaletteDarkOrangeBackground1 | ||
Copy alias name Rest darkOrange[tint60] darkOrange[shade40] | ||
| colorPaletteDarkOrangeBackground2 | ||
Copy alias name Rest darkOrange[tint40] darkOrange[shade30] | ||
| colorPaletteDarkOrangeBackground3 | ||
Copy alias name Rest darkOrange[primary] darkOrange[primary] | ||
| colorPaletteYellowBackground1 | ||
Copy alias name Rest yellow[tint60] yellow[shade40] | ||
| colorPaletteYellowBackground2 | ||
Copy alias name Rest yellow[tint40] yellow[shade30] | ||
| colorPaletteYellowBackground3 | ||
Copy alias name Rest yellow[primary] yellow[primary] | ||
| colorPaletteBerryBackground1 | ||
Copy alias name Rest berry[tint60] berry[shade40] | ||
| colorPaletteBerryBackground2 | ||
Copy alias name Rest berry[tint40] berry[shade30] | ||
| colorPaletteBerryBackground3 | ||
Copy alias name Rest berry[primary] berry[primary] | ||
| colorPaletteLightGreenBackground1 | ||
Copy alias name Rest lightGreen[tint60] lightGreen[shade40] | ||
| colorPaletteLightGreenBackground2 | ||
Copy alias name Rest lightGreen[tint40] lightGreen[shade30] | ||
| colorPaletteLightGreenBackground3 | ||
Copy alias name Rest lightGreen[primary] lightGreen[primary] | ||
| colorPaletteMarigoldBackground1 | ||
Copy alias name Rest marigold[tint60] marigold[shade40] | ||
| colorPaletteMarigoldBackground2 | ||
Copy alias name Rest marigold[tint40] marigold[shade30] | ||
| colorPaletteMarigoldBackground3 | ||
Copy alias name Rest marigold[primary] marigold[primary] | ||
| colorPaletteDarkRedBackground2 | ||
Copy alias name Rest darkRed[tint40] darkRed[shade20] | ||
| colorPaletteCranberryBackground2 | ||
Copy alias name Rest cranberry[tint40] cranberry[shade30] | ||
| colorPalettePumpkinBackground2 | ||
Copy alias name Rest pumpkin[tint40] pumpkin[shade30] | ||
| colorPalettePeachBackground2 | ||
Copy alias name Rest peach[tint40] peach[shade30] | ||
| colorPaletteGoldBackground2 | ||
Copy alias name Rest gold[tint40] gold[shade30] | ||
| colorPaletteBrassBackground2 | ||
Copy alias name Rest brass[tint40] brass[shade30] | ||
| colorPaletteBrownBackground2 | ||
Copy alias name Rest brown[tint40] brown[shade30] | ||
| colorPaletteForestBackground2 | ||
Copy alias name Rest forest[tint40] forest[shade30] | ||
| colorPaletteSeafoamBackground2 | ||
Copy alias name Rest seafoam[tint40] seafoam[shade30] | ||
| colorPaletteDarkGreenBackground2 | ||
Copy alias name Rest darkGreen[tint40] darkGreen[shade30] | ||
| colorPaletteLightTealBackground2 | ||
Copy alias name Rest lightTeal[tint40] lightTeal[shade30] | ||
| colorPaletteTealBackground2 | ||
Copy alias name Rest teal[tint40] teal[shade30] | ||
| colorPaletteSteelBackground2 | ||
Copy alias name Rest steel[tint40] steel[shade30] | ||
| colorPaletteBlueBackground2 | ||
Copy alias name Rest blue[tint40] blue[shade30] | ||
| colorPaletteRoyalBlueBackground2 | ||
Copy alias name Rest royalBlue[tint40] royalBlue[shade30] | ||
| colorPaletteCornflowerBackground2 | ||
Copy alias name Rest cornflower[tint40] cornflower[shade30] | ||
| colorPaletteNavyBackground2 | ||
Copy alias name Rest navy[tint40] navy[shade30] | ||
| colorPaletteLavenderBackground2 | ||
Copy alias name Rest lavender[tint40] lavender[shade30] | ||
| colorPalettePurpleBackground2 | ||
Copy alias name Rest purple[tint40] purple[shade30] | ||
| colorPaletteGrapeBackground2 | ||
Copy alias name Rest grape[tint40] grape[shade30] | ||
| colorPaletteLilacBackground2 | ||
Copy alias name Rest lilac[tint40] lilac[shade30] | ||
| colorPalettePinkBackground2 | ||
Copy alias name Rest pink[tint40] pink[shade30] | ||
| colorPaletteMagentaBackground2 | ||
Copy alias name Rest magenta[tint40] magenta[shade30] | ||
| colorPalettePlumBackground2 | ||
Copy alias name Rest plum[tint40] plum[shade20] | ||
| colorPaletteBeigeBackground2 | ||
Copy alias name Rest beige[tint40] beige[shade30] | ||
| colorPaletteMinkBackground2 | ||
Copy alias name Rest mink[tint40] mink[shade30] | ||
| colorPalettePlatinumBackground2 | ||
Copy alias name Rest platinum[tint40] platinum[shade30] | ||
| colorPaletteAnchorBackground2 | ||
Copy alias name Rest anchor[tint40] anchor[shade30] | ||
Generic Status Foreground
Alias token Global token light Global token dark | ||
|---|---|---|
| colorPaletteRedForeground1 | ||
Copy alias name Rest red[shade10] red[tint30] | ||
| colorPaletteRedForeground2 | ||
Copy alias name Rest red[shade30] red[tint40] | ||
| colorPaletteRedForeground3 | ||
Copy alias name Rest red[primary] red[tint30] | ||
| colorPaletteGreenForeground1 | ||
Copy alias name Rest green[shade10] green[tint30] | ||
| colorPaletteGreenForeground2 | ||
Copy alias name Rest green[shade30] green[tint40] | ||
| colorPaletteGreenForeground3 | ||
Copy alias name Rest green[primary] green[tint40] | ||
| colorPaletteDarkOrangeForeground1 | ||
Copy alias name Rest darkOrange[shade10] darkOrange[tint30] | ||
| colorPaletteDarkOrangeForeground2 | ||
Copy alias name Rest darkOrange[shade30] darkOrange[tint40] | ||
| colorPaletteDarkOrangeForeground3 | ||
Copy alias name Rest darkOrange[primary] darkOrange[tint30] | ||
| colorPaletteYellowForeground1 | ||
Copy alias name Rest yellow[shade30] yellow[tint30] | ||
| colorPaletteYellowForeground2 | ||
Copy alias name Rest yellow[shade30] yellow[tint40] | ||
| colorPaletteYellowForeground3 | ||
Copy alias name Rest yellow[primary] yellow[tint20] | ||
| colorPaletteBerryForeground1 | ||
Copy alias name Rest berry[shade10] berry[tint30] | ||
| colorPaletteBerryForeground2 | ||
Copy alias name Rest berry[shade30] berry[tint40] | ||
| colorPaletteBerryForeground3 | ||
Copy alias name Rest berry[primary] berry[tint20] | ||
| colorPaletteLightGreenForeground1 | ||
Copy alias name Rest lightGreen[shade10] lightGreen[tint30] | ||
| colorPaletteLightGreenForeground2 | ||
Copy alias name Rest lightGreen[shade30] lightGreen[tint40] | ||
| colorPaletteLightGreenForeground3 | ||
Copy alias name Rest lightGreen[primary] lightGreen[tint20] | ||
| colorPaletteMarigoldForeground1 | ||
Copy alias name Rest marigold[shade10] marigold[tint30] | ||
| colorPaletteMarigoldForeground2 | ||
Copy alias name Rest marigold[shade30] marigold[tint40] | ||
| colorPaletteMarigoldForeground3 | ||
Copy alias name Rest marigold[primary] marigold[tint20] | ||
| colorPaletteRedForegroundInverted | ||
Copy alias name Rest red[tint20] red[primary] | ||
| colorPaletteGreenForegroundInverted | ||
Copy alias name Rest green[tint20] green[primary] | ||
| colorPaletteYellowForegroundInverted | ||
Copy alias name Rest yellow[tint40] yellow[shade30] | ||
| colorPaletteDarkRedForeground2 | ||
Copy alias name Rest darkRed[shade30] darkRed[tint40] | ||
| colorPaletteCranberryForeground2 | ||
Copy alias name Rest cranberry[shade30] cranberry[tint40] | ||
| colorPalettePumpkinForeground2 | ||
Copy alias name Rest pumpkin[shade30] pumpkin[tint40] | ||
| colorPalettePeachForeground2 | ||
Copy alias name Rest peach[shade30] peach[tint40] | ||
| colorPaletteGoldForeground2 | ||
Copy alias name Rest gold[shade30] gold[tint40] | ||
| colorPaletteBrassForeground2 | ||
Copy alias name Rest brass[shade30] brass[tint40] | ||
| colorPaletteBrownForeground2 | ||
Copy alias name Rest brown[shade30] brown[tint40] | ||
| colorPaletteForestForeground2 | ||
Copy alias name Rest forest[shade30] forest[tint40] | ||
| colorPaletteSeafoamForeground2 | ||
Copy alias name Rest seafoam[shade30] seafoam[tint40] | ||
| colorPaletteDarkGreenForeground2 | ||
Copy alias name Rest darkGreen[shade30] darkGreen[tint40] | ||
| colorPaletteLightTealForeground2 | ||
Copy alias name Rest lightTeal[shade30] lightTeal[tint40] | ||
| colorPaletteTealForeground2 | ||
Copy alias name Rest teal[shade30] teal[tint40] | ||
| colorPaletteSteelForeground2 | ||
Copy alias name Rest steel[shade30] steel[tint40] | ||
| colorPaletteBlueForeground2 | ||
Copy alias name Rest blue[shade30] blue[tint40] | ||
| colorPaletteRoyalBlueForeground2 | ||
Copy alias name Rest royalBlue[shade30] royalBlue[tint40] | ||
| colorPaletteCornflowerForeground2 | ||
Copy alias name Rest cornflower[shade30] cornflower[tint40] | ||
| colorPaletteNavyForeground2 | ||
Copy alias name Rest navy[shade30] navy[tint40] | ||
| colorPaletteLavenderForeground2 | ||
Copy alias name Rest lavender[shade30] lavender[tint40] | ||
| colorPalettePurpleForeground2 | ||
Copy alias name Rest purple[shade30] purple[tint40] | ||
| colorPaletteGrapeForeground2 | ||
Copy alias name Rest grape[shade30] grape[tint40] | ||
| colorPaletteLilacForeground2 | ||
Copy alias name Rest lilac[shade30] lilac[tint40] | ||
| colorPalettePinkForeground2 | ||
Copy alias name Rest pink[shade30] pink[tint40] | ||
| colorPaletteMagentaForeground2 | ||
Copy alias name Rest magenta[shade30] magenta[tint40] | ||
| colorPalettePlumForeground2 | ||
Copy alias name Rest plum[shade30] plum[tint40] | ||
| colorPaletteBeigeForeground2 | ||
Copy alias name Rest beige[shade30] beige[tint40] | ||
| colorPaletteMinkForeground2 | ||
Copy alias name Rest mink[shade30] mink[tint40] | ||
| colorPalettePlatinumForeground2 | ||
Copy alias name Rest platinum[shade30] platinum[tint40] | ||
| colorPaletteAnchorForeground2 | ||
Copy alias name Rest anchor[shade30] anchor[tint40] | ||
Generic Status Stroke
Alias token Global token light Global token dark | ||
|---|---|---|
| colorPaletteRedBorderActive | ||
Copy alias name Rest red[primary] red[tint30] | ||
| colorPaletteRedBorder1 | ||
Copy alias name Rest red[tint40] red[primary] | ||
| colorPaletteRedBorder2 | ||
Copy alias name Rest red[primary] red[tint30] | ||
| colorPaletteGreenBorderActive | ||
Copy alias name Rest green[primary] green[tint30] | ||
| colorPaletteGreenBorder1 | ||
Copy alias name Rest green[tint40] green[primary] | ||
| colorPaletteGreenBorder2 | ||
Copy alias name Rest green[primary] green[tint40] | ||
| colorPaletteDarkOrangeBorderActive | ||
Copy alias name Rest darkOrange[primary] darkOrange[tint30] | ||
| colorPaletteDarkOrangeBorder1 | ||
Copy alias name Rest darkOrange[tint40] darkOrange[primary] | ||
| colorPaletteDarkOrangeBorder2 | ||
Copy alias name Rest darkOrange[primary] darkOrange[tint30] | ||
| colorPaletteYellowBorderActive | ||
Copy alias name Rest yellow[primary] yellow[tint30] | ||
| colorPaletteYellowBorder1 | ||
Copy alias name Rest yellow[tint40] yellow[primary] | ||
| colorPaletteYellowBorder2 | ||
Copy alias name Rest yellow[primary] yellow[tint20] | ||
| colorPaletteBerryBorderActive | ||
Copy alias name Rest berry[primary] berry[tint30] | ||
| colorPaletteBerryBorder1 | ||
Copy alias name Rest berry[tint40] berry[primary] | ||
| colorPaletteBerryBorder2 | ||
Copy alias name Rest berry[primary] berry[tint20] | ||
| colorPaletteLightGreenBorderActive | ||
Copy alias name Rest lightGreen[primary] lightGreen[tint30] | ||
| colorPaletteLightGreenBorder1 | ||
Copy alias name Rest lightGreen[tint40] lightGreen[primary] | ||
| colorPaletteLightGreenBorder2 | ||
Copy alias name Rest lightGreen[primary] lightGreen[tint20] | ||
| colorPaletteMarigoldBorderActive | ||
Copy alias name Rest marigold[primary] marigold[tint30] | ||
| colorPaletteMarigoldBorder1 | ||
Copy alias name Rest marigold[tint40] marigold[primary] | ||
| colorPaletteMarigoldBorder2 | ||
Copy alias name Rest marigold[primary] marigold[tint20] | ||
| colorPaletteDarkRedBorderActive | ||
Copy alias name Rest darkRed[primary] darkRed[tint30] | ||
| colorPaletteCranberryBorderActive | ||
Copy alias name Rest cranberry[primary] cranberry[tint30] | ||
| colorPalettePumpkinBorderActive | ||
Copy alias name Rest pumpkin[primary] pumpkin[tint30] | ||
| colorPalettePeachBorderActive | ||
Copy alias name Rest peach[primary] peach[tint30] | ||
| colorPaletteGoldBorderActive | ||
Copy alias name Rest gold[primary] gold[tint30] | ||
| colorPaletteBrassBorderActive | ||
Copy alias name Rest brass[primary] brass[tint30] | ||
| colorPaletteBrownBorderActive | ||
Copy alias name Rest brown[primary] brown[tint30] | ||
| colorPaletteForestBorderActive | ||
Copy alias name Rest forest[primary] forest[tint30] | ||
| colorPaletteSeafoamBorderActive | ||
Copy alias name Rest seafoam[primary] seafoam[tint30] | ||
| colorPaletteDarkGreenBorderActive | ||
Copy alias name Rest darkGreen[primary] darkGreen[tint30] | ||
| colorPaletteLightTealBorderActive | ||
Copy alias name Rest lightTeal[primary] lightTeal[tint30] | ||
| colorPaletteTealBorderActive | ||
Copy alias name Rest teal[primary] teal[tint30] | ||
| colorPaletteSteelBorderActive | ||
Copy alias name Rest steel[primary] steel[tint30] | ||
| colorPaletteBlueBorderActive | ||
Copy alias name Rest blue[primary] blue[tint30] | ||
| colorPaletteRoyalBlueBorderActive | ||
Copy alias name Rest royalBlue[primary] royalBlue[tint30] | ||
| colorPaletteCornflowerBorderActive | ||
Copy alias name Rest cornflower[primary] cornflower[tint30] | ||
| colorPaletteNavyBorderActive | ||
Copy alias name Rest navy[primary] navy[tint30] | ||
| colorPaletteLavenderBorderActive | ||
Copy alias name Rest lavender[primary] lavender[tint30] | ||
| colorPalettePurpleBorderActive | ||
Copy alias name Rest purple[primary] purple[tint30] | ||
| colorPaletteGrapeBorderActive | ||
Copy alias name Rest grape[primary] grape[tint30] | ||
| colorPaletteLilacBorderActive | ||
Copy alias name Rest lilac[primary] lilac[tint30] | ||
| colorPalettePinkBorderActive | ||
Copy alias name Rest pink[primary] pink[tint30] | ||
| colorPaletteMagentaBorderActive | ||
Copy alias name Rest magenta[primary] magenta[tint30] | ||
| colorPalettePlumBorderActive | ||
Copy alias name Rest plum[primary] plum[tint30] | ||
| colorPaletteBeigeBorderActive | ||
Copy alias name Rest beige[primary] beige[tint30] | ||
| colorPaletteMinkBorderActive | ||
Copy alias name Rest mink[primary] mink[tint30] | ||
| colorPalettePlatinumBorderActive | ||
Copy alias name Rest platinum[primary] platinum[tint30] | ||
| colorPaletteAnchorBorderActive | ||
Copy alias name Rest anchor[primary] anchor[tint30] | ||