Token Catalog

Material Design 3 "Color" token changes

Dates show when we detected changes, not when Material published them.

  • All dates
  • 7 November 2026, 20:26 UTC
  • All changes
  • Updated
  • Added
  • Removed
Reset

2249 added · 0 updated · 0 removed. One token can have changes in several settings.

Observed

md.sys.color.outline

Added Audience: 3P · Contrast: Medium contrast · Platform: Android · Theme: Light
  1. Color
  2. Outline
PropertyPrevious valueNew value
Color—rgba(73, 69, 79, 1)

md.sys.color.outline

Added Audience: 3P · Contrast: Medium contrast · Platform: Compose · Theme: Dark
  1. Color
  2. Outline
PropertyPrevious valueNew value
Color—rgba(174, 169, 180, 1)

md.sys.color.outline

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Web · Theme: Dark
  1. Color
  2. Outline
PropertyPrevious valueNew value
Color—rgba(169, 172, 170, 1)

md.sys.color.outline

Added Audience: 3P · Contrast: Medium contrast · Platform: Web · Theme: Light
  1. Color
  2. Outline
PropertyPrevious valueNew value
Color—rgba(73, 69, 79, 1)

md.sys.color.outline

Added Audience: 3P · Contrast: Default · Platform: Web · Theme: Dark
  1. Color
  2. Outline
PropertyPrevious valueNew value
Color—rgba(147, 143, 153, 1)

md.sys.color.outline

Added Audience: 3P · Contrast: High contrast · Platform: Web · Theme: Dark
  1. Color
  2. Outline
PropertyPrevious valueNew value
Color—rgba(245, 238, 250, 1)

md.sys.color.outline

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Android · Theme: Dark
  1. Color
  2. Outline
PropertyPrevious valueNew value
Color—rgba(169, 172, 170, 1)

md.sys.color.outline

Added Audience: 3P · Contrast: Medium contrast · Platform: Android · Theme: Dark
  1. Color
  2. Outline
PropertyPrevious valueNew value
Color—rgba(174, 169, 180, 1)

md.sys.color.outline

Added Audience: 3P · Contrast: High contrast · Platform: Web · Theme: Light
  1. Color
  2. Outline
PropertyPrevious valueNew value
Color—rgba(50, 47, 55, 1)

md.sys.color.outline

Added Audience: 3P · Contrast: Default · Platform: Android · Theme: Light
  1. Color
  2. Outline
PropertyPrevious valueNew value
Color—rgba(121, 116, 126, 1)

md.sys.color.outline

Added Audience: 1P Baseline · Contrast: High contrast · Platform: iOS · Theme: Dark · iOS dark theme elevation: None
  1. Color
  2. Outline
PropertyPrevious valueNew value
Value—Not resolved

md.sys.color.outline

Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Dark
  1. Color
  2. Outline
PropertyPrevious valueNew value
Color—rgba(142, 145, 143, 1)

md.sys.color.outline

Added Audience: 1P Baseline · Contrast: Default · Platform: Web · Theme: Light
  1. Color
  2. Outline
PropertyPrevious valueNew value
Color—rgba(116, 119, 117, 1)

md.sys.color.outline

Added Audience: 1P Baseline · Contrast: High contrast · Platform: Web · Theme: Dark
  1. Color
  2. Outline
PropertyPrevious valueNew value
Color—rgba(239, 242, 239, 1)

md.sys.color.outline

Added Audience: 3P · Contrast: High contrast · Platform: Android · Theme: Dark
  1. Color
  2. Outline
PropertyPrevious valueNew value
Color—rgba(245, 238, 250, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Web · Theme: Dark
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(142, 145, 143, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: High contrast · Platform: iOS · Theme: Dark · iOS dark theme elevation: None
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Value—Not resolved

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: Default · Platform: Web · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(196, 199, 197, 1)

md.sys.color.outline-variant

Added Audience: 3P · Contrast: Medium contrast · Platform: Android · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(121, 116, 126, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(116, 119, 117, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: High contrast · Platform: Compose · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(68, 71, 70, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(196, 199, 197, 1)

md.sys.color.outline-variant

Added Audience: 3P · Contrast: High contrast · Platform: Web · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(73, 69, 79, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Dark
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(68, 71, 70, 1)

md.sys.color.outline-variant

Added Audience: 3P · Contrast: High contrast · Platform: iOS · Theme: Dark
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Value—Not resolved

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: Default · Platform: Android · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(196, 199, 197, 1)

md.sys.color.outline-variant

Added Audience: 3P · Contrast: Medium contrast · Platform: iOS
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Value—Not resolved

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Compose · Theme: Dark
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(142, 145, 143, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: High contrast · Platform: Web · Theme: Dark
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(196, 199, 197, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: Default · Platform: Compose · Theme: Dark
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(68, 71, 70, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: High contrast · Platform: Android · Theme: Dark
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(196, 199, 197, 1)

md.sys.color.outline-variant

Added Contrast: High contrast · Platform: iOS · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Value—Not resolved

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Android · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(116, 119, 117, 1)

md.sys.color.outline-variant

Added Audience: 3P · Contrast: Default · Platform: Android · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(202, 196, 208, 1)

md.sys.color.outline-variant

Added Audience: 3P · Contrast: High contrast · Platform: Web · Theme: Dark
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(202, 196, 208, 1)

md.sys.color.outline-variant

Added Audience: 3P · Contrast: Default · Platform: Web · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(202, 196, 208, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Web · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(116, 119, 117, 1)

md.sys.color.outline-variant

Added Audience: 3P · Contrast: High contrast · Platform: Compose · Theme: Dark
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(202, 196, 208, 1)

md.sys.color.outline-variant

Added Audience: 3P · Contrast: Default · Platform: Compose · Theme: Dark
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(73, 69, 79, 1)

md.sys.color.outline-variant

Added Audience: 3P · Contrast: Default · Platform: Compose · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(202, 196, 208, 1)

md.sys.color.outline-variant

Added Audience: 3P · Contrast: Medium contrast · Platform: Compose · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(121, 116, 126, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: High contrast · Platform: Compose · Theme: Dark
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(196, 199, 197, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Android · Theme: Dark
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(142, 145, 143, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: High contrast · Platform: Web · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(68, 71, 70, 1)

md.sys.color.outline-variant

Added Audience: 3P · Contrast: Default · Platform: Android · Theme: Dark
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(73, 69, 79, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: High contrast · Platform: iOS · Theme: Dark · iOS dark theme elevation: Elevated
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Value—Not resolved

md.sys.color.outline-variant

Added Audience: 3P · Contrast: High contrast · Platform: Android · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(73, 69, 79, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: Default · Platform: Web · Theme: Dark
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(68, 71, 70, 1)

md.sys.color.outline-variant

Added Audience: 3P · Contrast: Medium contrast · Platform: Web · Theme: Dark
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(147, 143, 153, 1)

md.sys.color.outline-variant

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Compose · Theme: Light
  1. Color
  2. Outline Variant
PropertyPrevious valueNew value
Color—rgba(116, 119, 117, 1)