Text fields Text field - Outlined Tokens — Material Design 3

Enabled

Container

Container tokens
Token	Value
Outlined text field container height`md.comp.outlined-text-field.container.height`	56dp Outlined text field container height 56dp `md.comp.outlined-text-field.container.height` 56dp
Outlined text field container shape`md.comp.outlined-text-field.container.shape`	4dp Outlined text field container shape 4dp `md.comp.outlined-text-field.container.shape` `md.sys.shape.corner.extra-small` 4dp

Outline

Outline tokens
Token	Value
Outlined text field outline width`md.comp.outlined-text-field.outline.width`	1dp Outlined text field outline width 1dp `md.comp.outlined-text-field.outline.width` 1dp
Outlined text field outline color`md.comp.outlined-text-field.outline.color`	#79747E Outlined text field outline color #79747E `md.comp.outlined-text-field.outline.color` `md.sys.color.outline` `md.ref.palette.neutral-variant50` Color#79747E

Label text

Label text tokens
Token	Value
Outlined text field label text color`md.comp.outlined-text-field.label-text.color`	#49454F Outlined text field label text color #49454F `md.comp.outlined-text-field.label-text.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F
Outlined text field label text font`md.comp.outlined-text-field.label-text.font`	Roboto Outlined text field label text font Roboto `md.comp.outlined-text-field.label-text.font` `md.sys.typescale.body-large.font` `md.ref.typeface.plain` Roboto
Outlined text field label text line height`md.comp.outlined-text-field.label-text.line-height`	24pt Outlined text field label text line height 24pt `md.comp.outlined-text-field.label-text.line-height` `md.sys.typescale.body-large.line-height` 24pt
Outlined text field label text size`md.comp.outlined-text-field.label-text.size`	16pt Outlined text field label text size 16pt `md.comp.outlined-text-field.label-text.size` `md.sys.typescale.body-large.size` 16pt
Outlined text field label text weight`md.comp.outlined-text-field.label-text.weight`	400 Outlined text field label text weight 400 `md.comp.outlined-text-field.label-text.weight` `md.sys.typescale.body-large.weight` `md.ref.typeface.weight-regular` 400
Outlined text field label text tracking`md.comp.outlined-text-field.label-text.tracking`	0.5pt Outlined text field label text tracking 0.5pt `md.comp.outlined-text-field.label-text.tracking` `md.sys.typescale.body-large.tracking` 0.5pt
Outlined text field label text type`md.comp.outlined-text-field.label-text.type`	Roboto · 16pt · weight 400 · line height 24pt · tracking 0.5pt Outlined text field label text type Roboto · 16pt · weight 400 · line height 24pt · tracking 0.5pt `md.comp.outlined-text-field.label-text.type` `md.comp.outlined-text-field.label-text.font` `md.sys.typescale.body-large.font` `md.ref.typeface.plain` `md.comp.outlined-text-field.label-text.weight` `md.sys.typescale.body-large.weight` `md.ref.typeface.weight-regular` `md.comp.outlined-text-field.label-text.size` `md.sys.typescale.body-large.size` `md.comp.outlined-text-field.label-text.line-height` `md.sys.typescale.body-large.line-height` `md.comp.outlined-text-field.label-text.tracking` `md.sys.typescale.body-large.tracking` Roboto · 16pt · weight 400 · line height 24pt · tracking 0.5pt
Outlined text field label text populated line height`md.comp.outlined-text-field.label-text.populated.line-height`	16pt Outlined text field label text populated line height 16pt `md.comp.outlined-text-field.label-text.populated.line-height` `md.sys.typescale.body-small.line-height` 16pt
Outlined text field label text populated size`md.comp.outlined-text-field.label-text.populated.size`	12pt Outlined text field label text populated size 12pt `md.comp.outlined-text-field.label-text.populated.size` `md.sys.typescale.body-small.size` 12pt

Leading icon

Leading icon tokens
Token	Value
Outlined text field leading icon color`md.comp.outlined-text-field.leading-icon.color`	#49454F Outlined text field leading icon color #49454F `md.comp.outlined-text-field.leading-icon.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F
Outlined text field leading icon size`md.comp.outlined-text-field.leading-icon.size`	24dp Outlined text field leading icon size 24dp `md.comp.outlined-text-field.leading-icon.size` 24dp

Trailing icon

Trailing icon tokens
Token	Value
Outlined text field trailing icon color`md.comp.outlined-text-field.trailing-icon.color`	#49454F Outlined text field trailing icon color #49454F `md.comp.outlined-text-field.trailing-icon.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F
Outlined text field trailing icon size`md.comp.outlined-text-field.trailing-icon.size`	24dp Outlined text field trailing icon size 24dp `md.comp.outlined-text-field.trailing-icon.size` 24dp

Supporting text

Supporting text tokens
Token	Value
Outlined text field supporting text color`md.comp.outlined-text-field.supporting-text.color`	#49454F Outlined text field supporting text color #49454F `md.comp.outlined-text-field.supporting-text.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F
Outlined text field supporting text font`md.comp.outlined-text-field.supporting-text.font`	Roboto Outlined text field supporting text font Roboto `md.comp.outlined-text-field.supporting-text.font` `md.sys.typescale.body-small.font` `md.ref.typeface.plain` Roboto
Outlined text field supporting text line height`md.comp.outlined-text-field.supporting-text.line-height`	16pt Outlined text field supporting text line height 16pt `md.comp.outlined-text-field.supporting-text.line-height` `md.sys.typescale.body-small.line-height` 16pt
Outlined text field supporting text size`md.comp.outlined-text-field.supporting-text.size`	12pt Outlined text field supporting text size 12pt `md.comp.outlined-text-field.supporting-text.size` `md.sys.typescale.body-small.size` 12pt
Outlined text field supporting text weight`md.comp.outlined-text-field.supporting-text.weight`	400 Outlined text field supporting text weight 400 `md.comp.outlined-text-field.supporting-text.weight` `md.sys.typescale.body-small.weight` `md.ref.typeface.weight-regular` 400
Outlined text field supporting text tracking`md.comp.outlined-text-field.supporting-text.tracking`	0.4pt Outlined text field supporting text tracking 0.4pt `md.comp.outlined-text-field.supporting-text.tracking` `md.sys.typescale.body-small.tracking` 0.4pt
Outlined text field supporting text type`md.comp.outlined-text-field.supporting-text.type`	Roboto · 12pt · weight 400 · line height 16pt · tracking 0.4pt Outlined text field supporting text type Roboto · 12pt · weight 400 · line height 16pt · tracking 0.4pt `md.comp.outlined-text-field.supporting-text.type` `md.comp.outlined-text-field.supporting-text.font` `md.sys.typescale.body-small.font` `md.ref.typeface.plain` `md.comp.outlined-text-field.supporting-text.weight` `md.sys.typescale.body-small.weight` `md.ref.typeface.weight-regular` `md.comp.outlined-text-field.supporting-text.size` `md.sys.typescale.body-small.size` `md.comp.outlined-text-field.supporting-text.line-height` `md.sys.typescale.body-small.line-height` `md.comp.outlined-text-field.supporting-text.tracking` `md.sys.typescale.body-small.tracking` Roboto · 12pt · weight 400 · line height 16pt · tracking 0.4pt

Input text

Input text tokens
Token	Value
Outlined text field input text color`md.comp.outlined-text-field.input-text.color`	#1D1B20 Outlined text field input text color #1D1B20 `md.comp.outlined-text-field.input-text.color` `md.sys.color.on-surface` `md.ref.palette.neutral10` Color#1D1B20
Outlined text field input text font`md.comp.outlined-text-field.input-text.font`	Roboto Outlined text field input text font Roboto `md.comp.outlined-text-field.input-text.font` `md.sys.typescale.body-large.font` `md.ref.typeface.plain` Roboto
Outlined text field input text line height`md.comp.outlined-text-field.input-text.line-height`	24pt Outlined text field input text line height 24pt `md.comp.outlined-text-field.input-text.line-height` `md.sys.typescale.body-large.line-height` 24pt
Outlined text field input text size`md.comp.outlined-text-field.input-text.size`	16pt Outlined text field input text size 16pt `md.comp.outlined-text-field.input-text.size` `md.sys.typescale.body-large.size` 16pt
Outlined text field input text weight`md.comp.outlined-text-field.input-text.weight`	400 Outlined text field input text weight 400 `md.comp.outlined-text-field.input-text.weight` `md.sys.typescale.body-large.weight` `md.ref.typeface.weight-regular` 400
Outlined text field input text tracking`md.comp.outlined-text-field.input-text.tracking`	0.5pt Outlined text field input text tracking 0.5pt `md.comp.outlined-text-field.input-text.tracking` `md.sys.typescale.body-large.tracking` 0.5pt
Outlined text field input text type`md.comp.outlined-text-field.input-text.type`	Roboto · 16pt · weight 400 · line height 24pt · tracking 0.5pt Outlined text field input text type Roboto · 16pt · weight 400 · line height 24pt · tracking 0.5pt `md.comp.outlined-text-field.input-text.type` `md.comp.outlined-text-field.input-text.font` `md.sys.typescale.body-large.font` `md.ref.typeface.plain` `md.comp.outlined-text-field.input-text.weight` `md.sys.typescale.body-large.weight` `md.ref.typeface.weight-regular` `md.comp.outlined-text-field.input-text.size` `md.sys.typescale.body-large.size` `md.comp.outlined-text-field.input-text.line-height` `md.sys.typescale.body-large.line-height` `md.comp.outlined-text-field.input-text.tracking` `md.sys.typescale.body-large.tracking` Roboto · 16pt · weight 400 · line height 24pt · tracking 0.5pt
Outlined text field input text suffix color`md.comp.outlined-text-field.input-text.suffix.color`	#49454F Outlined text field input text suffix color #49454F `md.comp.outlined-text-field.input-text.suffix.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F
Outlined text field input text prefix color`md.comp.outlined-text-field.input-text.prefix.color`	#49454F Outlined text field input text prefix color #49454F `md.comp.outlined-text-field.input-text.prefix.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F
Outlined text field input text placeholder color`md.comp.outlined-text-field.input-text.placeholder.color`	#49454F Outlined text field input text placeholder color #49454F `md.comp.outlined-text-field.input-text.placeholder.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F

Caret

Caret tokens
Token	Value
Outlined text field caret color`md.comp.outlined-text-field.caret.color`	#6750A4 Outlined text field caret color #6750A4 `md.comp.outlined-text-field.caret.color` `md.sys.color.primary` `md.ref.palette.primary40` Color#6750A4
Outlined text field error focus caret color`md.comp.outlined-text-field.error.focus.caret.color`	#B3261E Outlined text field error focus caret color #B3261E `md.comp.outlined-text-field.error.focus.caret.color` `md.sys.color.error` `md.ref.palette.error40` Color#B3261E

Disabled

Label text

Label text tokens
Token	Value
Outlined text field disabled label text color`md.comp.outlined-text-field.disabled.label-text.color`	#1D1B20 Outlined text field disabled label text color #1D1B20 `md.comp.outlined-text-field.disabled.label-text.color` `md.sys.color.on-surface` `md.ref.palette.neutral10` Color#1D1B20
Outlined text field disabled label text opacity`md.comp.outlined-text-field.disabled.label-text.opacity`	38% Outlined text field disabled label text opacity 38% `md.comp.outlined-text-field.disabled.label-text.opacity` 38%

Leading icon

Leading icon tokens
Token	Value
Outlined text field disabled leading icon color`md.comp.outlined-text-field.disabled.leading-icon.color`	#1D1B20 Outlined text field disabled leading icon color #1D1B20 `md.comp.outlined-text-field.disabled.leading-icon.color` `md.sys.color.on-surface` `md.ref.palette.neutral10` Color#1D1B20
Outlined text field disabled leading icon opacity`md.comp.outlined-text-field.disabled.leading-icon.opacity`	38% Outlined text field disabled leading icon opacity 38% `md.comp.outlined-text-field.disabled.leading-icon.opacity` 38%

Trailing icon

Trailing icon tokens
Token	Value
Outlined text field disabled trailing-icon color`md.comp.outlined-text-field.disabled.trailing-icon.color`	#1D1B20 Outlined text field disabled trailing-icon color #1D1B20 `md.comp.outlined-text-field.disabled.trailing-icon.color` `md.sys.color.on-surface` `md.ref.palette.neutral10` Color#1D1B20
Outlined text field disabled trailing-icon opacity`md.comp.outlined-text-field.disabled.trailing-icon.opacity`	38% Outlined text field disabled trailing-icon opacity 38% `md.comp.outlined-text-field.disabled.trailing-icon.opacity` 38%

Outline

Outline tokens
Token	Value
Outlined text field disabled outline width`md.comp.outlined-text-field.disabled.outline.width`	1dp Outlined text field disabled outline width 1dp `md.comp.outlined-text-field.disabled.outline.width` 1dp
Outlined text field disabled outline color`md.comp.outlined-text-field.disabled.outline.color`	#1D1B20 Outlined text field disabled outline color #1D1B20 `md.comp.outlined-text-field.disabled.outline.color` `md.sys.color.on-surface` `md.ref.palette.neutral10` Color#1D1B20
Outlined text field disabled outline opacity`md.comp.outlined-text-field.disabled.outline.opacity`	12% Outlined text field disabled outline opacity 12% `md.comp.outlined-text-field.disabled.outline.opacity` 12%

Supporting text

Supporting text tokens
Token	Value
Outlined text field disabled supporting text color`md.comp.outlined-text-field.disabled.supporting-text.color`	#1D1B20 Outlined text field disabled supporting text color #1D1B20 `md.comp.outlined-text-field.disabled.supporting-text.color` `md.sys.color.on-surface` `md.ref.palette.neutral10` Color#1D1B20
Outlined text field disabled supporting text opacity`md.comp.outlined-text-field.disabled.supporting-text.opacity`	38% Outlined text field disabled supporting text opacity 38% `md.comp.outlined-text-field.disabled.supporting-text.opacity` 38%

Input text

Input text tokens
Token	Value
Outlined text field disabled input text color`md.comp.outlined-text-field.disabled.input-text.color`	#1D1B20 Outlined text field disabled input text color #1D1B20 `md.comp.outlined-text-field.disabled.input-text.color` `md.sys.color.on-surface` `md.ref.palette.neutral10` Color#1D1B20
Outlined text field disabled input text opacity`md.comp.outlined-text-field.disabled.input-text.opacity`	38% Outlined text field disabled input text opacity 38% `md.comp.outlined-text-field.disabled.input-text.opacity` 38%

Hovered

Label text

Label text tokens
Token	Value
Outlined text field hover label text color`md.comp.outlined-text-field.hover.label-text.color`	#1D1B20 Outlined text field hover label text color #1D1B20 `md.comp.outlined-text-field.hover.label-text.color` `md.sys.color.on-surface` `md.ref.palette.neutral10` Color#1D1B20

Leading icon

Leading icon tokens
Token	Value
Outlined text field hover leading icon color`md.comp.outlined-text-field.hover.leading-icon.color`	#49454F Outlined text field hover leading icon color #49454F `md.comp.outlined-text-field.hover.leading-icon.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F

Trailing icon

Trailing icon tokens
Token	Value
Outlined text field hover trailing icon color`md.comp.outlined-text-field.hover.trailing-icon.color`	#49454F Outlined text field hover trailing icon color #49454F `md.comp.outlined-text-field.hover.trailing-icon.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F

Outline

Outline tokens
Token	Value
Outlined text field hover outline width`md.comp.outlined-text-field.hover.outline.width`	1dp Outlined text field hover outline width 1dp `md.comp.outlined-text-field.hover.outline.width` 1dp
Outlined text field hover outline color`md.comp.outlined-text-field.hover.outline.color`	#1D1B20 Outlined text field hover outline color #1D1B20 `md.comp.outlined-text-field.hover.outline.color` `md.sys.color.on-surface` `md.ref.palette.neutral10` Color#1D1B20

Input text

Input text tokens
Token	Value
Outlined text field hover input text color`md.comp.outlined-text-field.hover.input-text.color`	#1D1B20 Outlined text field hover input text color #1D1B20 `md.comp.outlined-text-field.hover.input-text.color` `md.sys.color.on-surface` `md.ref.palette.neutral10` Color#1D1B20

Supporting text

Supporting text tokens
Token	Value
Outlined text field hover supporting text color`md.comp.outlined-text-field.hover.supporting-text.color`	#49454F Outlined text field hover supporting text color #49454F `md.comp.outlined-text-field.hover.supporting-text.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F

Focused

Label text

Label text tokens
Token	Value
Outlined text field focus label text color`md.comp.outlined-text-field.focus.label-text.color`	#6750A4 Outlined text field focus label text color #6750A4 `md.comp.outlined-text-field.focus.label-text.color` `md.sys.color.primary` `md.ref.palette.primary40` Color#6750A4

Leading icon

Leading icon tokens
Token	Value
Outlined text field focus leading icon color`md.comp.outlined-text-field.focus.leading-icon.color`	#49454F Outlined text field focus leading icon color #49454F `md.comp.outlined-text-field.focus.leading-icon.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F

Trailing icon

Trailing icon tokens
Token	Value
Outlined text field focus trailing icon color`md.comp.outlined-text-field.focus.trailing-icon.color`	#49454F Outlined text field focus trailing icon color #49454F `md.comp.outlined-text-field.focus.trailing-icon.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F

Outline

Outline tokens
Token	Value
Outlined text field focus outline width`md.comp.outlined-text-field.focus.outline.width`	3dp Outlined text field focus outline width 3dp `md.comp.outlined-text-field.focus.outline.width` 3dp
Outlined text field focus outline color`md.comp.outlined-text-field.focus.outline.color`	#6750A4 Outlined text field focus outline color #6750A4 `md.comp.outlined-text-field.focus.outline.color` `md.sys.color.primary` `md.ref.palette.primary40` Color#6750A4

Input text

Input text tokens
Token	Value
Outlined text field focus input text color`md.comp.outlined-text-field.focus.input-text.color`	#1D1B20 Outlined text field focus input text color #1D1B20 `md.comp.outlined-text-field.focus.input-text.color` `md.sys.color.on-surface` `md.ref.palette.neutral10` Color#1D1B20

Supporting text

Supporting text tokens
Token	Value
Outlined text field focus supporting text color`md.comp.outlined-text-field.focus.supporting-text.color`	#49454F Outlined text field focus supporting text color #49454F `md.comp.outlined-text-field.focus.supporting-text.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F

Focus indicator

Focus indicator tokens
Token	Value
Outlined text field focus indicator color`md.comp.outlined-text-field.focus.indicator.outline.color`	#625B71 Outlined text field focus indicator color #625B71 `md.comp.outlined-text-field.focus.indicator.outline.color` `md.sys.color.secondary` `md.ref.palette.secondary40` Color#625B71
Outlined text field focus indicator color - error`md.comp.outlined-text-field.error.focus.indicator.outline.color`	#B3261E Outlined text field focus indicator color - error #B3261E `md.comp.outlined-text-field.error.focus.indicator.outline.color` `md.sys.color.error` `md.ref.palette.error40` Color#B3261E
Outlined text field focus indicator thickness`md.comp.outlined-text-field.focus.indicator.outline.thickness`	3dp Outlined text field focus indicator thickness 3dp `md.comp.outlined-text-field.focus.indicator.outline.thickness` `md.sys.state.focus-indicator.thickness` 3dp

Error

Error tokens
Token	Value
Outlined text field error outline color`md.comp.outlined-text-field.error.outline.color`	#B3261E Outlined text field error outline color #B3261E `md.comp.outlined-text-field.error.outline.color` `md.sys.color.error` `md.ref.palette.error40` Color#B3261E
Outlined text field error label text color`md.comp.outlined-text-field.error.label-text.color`	#B3261E Outlined text field error label text color #B3261E `md.comp.outlined-text-field.error.label-text.color` `md.sys.color.error` `md.ref.palette.error40` Color#B3261E
Outlined text field error input text color`md.comp.outlined-text-field.error.input-text.color`	#1D1B20 Outlined text field error input text color #1D1B20 `md.comp.outlined-text-field.error.input-text.color` `md.sys.color.on-surface` `md.ref.palette.neutral10` Color#1D1B20
Outlined text field error supporting text color`md.comp.outlined-text-field.error.supporting-text.color`	#B3261E Outlined text field error supporting text color #B3261E `md.comp.outlined-text-field.error.supporting-text.color` `md.sys.color.error` `md.ref.palette.error40` Color#B3261E
Outlined text field error leading icon color`md.comp.outlined-text-field.error.leading-icon.color`	#49454F Outlined text field error leading icon color #49454F `md.comp.outlined-text-field.error.leading-icon.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F
Outlined text field error trailing icon color`md.comp.outlined-text-field.error.trailing-icon.color`	#B3261E Outlined text field error trailing icon color #B3261E `md.comp.outlined-text-field.error.trailing-icon.color` `md.sys.color.error` `md.ref.palette.error40` Color#B3261E

Focus

Focus tokens
Token	Value
Outlined text field error focus outline color`md.comp.outlined-text-field.error.focus.outline.color`	#B3261E Outlined text field error focus outline color #B3261E `md.comp.outlined-text-field.error.focus.outline.color` `md.sys.color.error` `md.ref.palette.error40` Color#B3261E
Outlined text field error focus label text color`md.comp.outlined-text-field.error.focus.label-text.color`	#B3261E Outlined text field error focus label text color #B3261E `md.comp.outlined-text-field.error.focus.label-text.color` `md.sys.color.error` `md.ref.palette.error40` Color#B3261E
Outlined text field error focus input text color`md.comp.outlined-text-field.error.focus.input-text.color`	#1D1B20 Outlined text field error focus input text color #1D1B20 `md.comp.outlined-text-field.error.focus.input-text.color` `md.sys.color.on-surface` `md.ref.palette.neutral10` Color#1D1B20
Outlined text field error focus supporting text color`md.comp.outlined-text-field.error.focus.supporting-text.color`	#B3261E Outlined text field error focus supporting text color #B3261E `md.comp.outlined-text-field.error.focus.supporting-text.color` `md.sys.color.error` `md.ref.palette.error40` Color#B3261E
Outlined text field error focus leading icon color`md.comp.outlined-text-field.error.focus.leading-icon.color`	#49454F Outlined text field error focus leading icon color #49454F `md.comp.outlined-text-field.error.focus.leading-icon.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F
Outlined text field error focus trailing icon color`md.comp.outlined-text-field.error.focus.trailing-icon.color`	#B3261E Outlined text field error focus trailing icon color #B3261E `md.comp.outlined-text-field.error.focus.trailing-icon.color` `md.sys.color.error` `md.ref.palette.error40` Color#B3261E

Hover

Hover tokens
Token	Value
Outlined text field error hover outline color`md.comp.outlined-text-field.error.hover.outline.color`	#8C1D18 Outlined text field error hover outline color #8C1D18 `md.comp.outlined-text-field.error.hover.outline.color` `md.sys.color.on-error-container` `md.ref.palette.error30` Color#8C1D18
Outlined text field error hover label text color`md.comp.outlined-text-field.error.hover.label-text.color`	#8C1D18 Outlined text field error hover label text color #8C1D18 `md.comp.outlined-text-field.error.hover.label-text.color` `md.sys.color.on-error-container` `md.ref.palette.error30` Color#8C1D18
Outlined text field error hover input text color`md.comp.outlined-text-field.error.hover.input-text.color`	#1D1B20 Outlined text field error hover input text color #1D1B20 `md.comp.outlined-text-field.error.hover.input-text.color` `md.sys.color.on-surface` `md.ref.palette.neutral10` Color#1D1B20
Outlined text field error hover supporting text color`md.comp.outlined-text-field.error.hover.supporting-text.color`	#B3261E Outlined text field error hover supporting text color #B3261E `md.comp.outlined-text-field.error.hover.supporting-text.color` `md.sys.color.error` `md.ref.palette.error40` Color#B3261E
Outlined text field error hover leading icon color`md.comp.outlined-text-field.error.hover.leading-icon.color`	#49454F Outlined text field error hover leading icon color #49454F `md.comp.outlined-text-field.error.hover.leading-icon.color` `md.sys.color.on-surface-variant` `md.ref.palette.neutral-variant30` Color#49454F
Outlined text field error hover trailing icon color`md.comp.outlined-text-field.error.hover.trailing-icon.color`	#8C1D18 Outlined text field error hover trailing icon color #8C1D18 `md.comp.outlined-text-field.error.hover.trailing-icon.color` `md.sys.color.on-error-container` `md.ref.palette.error30` Color#8C1D18

Browse tokens