Token Catalog
Token Catalog

Material Design 3 "Color" token changes

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

History from 12 August 2026, 16:05 UTC to 8 November 2026, 03:02 UTC · 12 snapshots. Includes incomplete captures; missing source data can appear as additions or removals.

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

Showing page 38 of 45 · 2249 total changes

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

Observed

Compared with 1 November 2026, 03:01 UTC

Browse tokens

md.sys.color.surface-container-high

Added Audience: 3P · Platform: Compose · Theme: Dark
  1. Color
  2. Surface Container High
PropertyPrevious valueNew value
Color—rgba(43, 41, 48, 1)

md.sys.color.surface-container-high

Added Audience: 1P Baseline · Platform: Web · Theme: Dark
  1. Color
  2. Surface Container High
PropertyPrevious valueNew value
Color—rgba(40, 42, 44, 1)

md.sys.color.surface-container-high

Added Audience: 3P · Platform: Web · Theme: Dark
  1. Color
  2. Surface Container High
PropertyPrevious valueNew value
Color—rgba(43, 41, 48, 1)

md.sys.color.surface-container-high

Added Audience: 1P Baseline · Platform: Compose · Theme: Light
  1. Color
  2. Surface Container High
PropertyPrevious valueNew value
Color—rgba(233, 238, 246, 1)

md.sys.color.surface-container-high

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

md.sys.color.surface-container-high

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Light
  1. Color
  2. Surface Container High
PropertyPrevious valueNew value
Color—rgba(233, 238, 246, 1)

md.sys.color.surface-container-high

Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Light
  1. Color
  2. Surface Container High
PropertyPrevious valueNew value
Color—rgba(233, 238, 246, 1)

md.sys.color.surface-container-high

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

md.sys.color.surface-container-high

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Dark · iOS dark theme elevation: None
  1. Color
  2. Surface Container High
PropertyPrevious valueNew value
Color—rgba(40, 42, 44, 1)

md.sys.color.surface-container-high

Added Audience: 1P Baseline · Platform: Compose · Theme: Dark
  1. Color
  2. Surface Container High
PropertyPrevious valueNew value
Color—rgba(40, 42, 44, 1)

md.sys.color.surface-container-high

Added Audience: 1P Baseline · Platform: Web · Theme: Light
  1. Color
  2. Surface Container High
PropertyPrevious valueNew value
Color—rgba(233, 238, 246, 1)

md.sys.color.surface-container-high

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

md.sys.color.surface-container-high

Added Audience: 1P Baseline · Platform: Android · Theme: Light
  1. Color
  2. Surface Container High
PropertyPrevious valueNew value
Color—rgba(233, 238, 246, 1)

md.sys.color.surface-container-high

Added Audience: 3P · Platform: Compose · Theme: Light
  1. Color
  2. Surface Container High
PropertyPrevious valueNew value
Color—rgba(236, 230, 240, 1)

md.sys.color.surface-container-high

Added Audience: 3P · Platform: Web · Theme: Light
  1. Color
  2. Surface Container High
PropertyPrevious valueNew value
Color—rgba(236, 230, 240, 1)

md.sys.color.surface-container-high

Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Dark · iOS dark theme elevation: Elevated
  1. Color
  2. Surface Container High
PropertyPrevious valueNew value
Color—rgba(51, 53, 55, 1)

md.sys.color.surface-container-high

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

md.sys.color.surface-container-high

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Dark · iOS dark theme elevation: Elevated
  1. Color
  2. Surface Container High
PropertyPrevious valueNew value
Color—rgba(51, 53, 55, 1)

md.sys.color.surface-container-high

Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Dark · iOS dark theme elevation: None
  1. Color
  2. Surface Container High
PropertyPrevious valueNew value
Color—rgba(40, 42, 44, 1)

md.sys.color.surface-container-highest

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

md.sys.color.surface-container-highest

Added Audience: 3P · Platform: Compose · Theme: Dark
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(54, 52, 59, 1)

md.sys.color.surface-container-highest

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Light
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(221, 227, 234, 1)

md.sys.color.surface-container-highest

Added Audience: 1P Baseline · Platform: Web · Theme: Light
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(221, 227, 234, 1)

md.sys.color.surface-container-highest

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

md.sys.color.surface-container-highest

Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Dark · iOS dark theme elevation: None
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(51, 53, 55, 1)

md.sys.color.surface-container-highest

Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Dark · iOS dark theme elevation: Elevated
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(55, 57, 59, 1)

md.sys.color.surface-container-highest

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

md.sys.color.surface-container-highest

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

md.sys.color.surface-container-highest

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Dark · iOS dark theme elevation: Elevated
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(55, 57, 59, 1)

md.sys.color.surface-container-highest

Added Audience: 1P Baseline · Platform: Web · Theme: Dark
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(51, 53, 55, 1)

md.sys.color.surface-container-highest

Added Audience: 3P · Platform: Compose · Theme: Light
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(230, 224, 233, 1)

md.sys.color.surface-container-highest

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

md.sys.color.surface-container-highest

Added Audience: 3P · Platform: Web · Theme: Dark
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(54, 52, 59, 1)

md.sys.color.surface-container-highest

Added Audience: 1P Baseline · Platform: Compose · Theme: Dark
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(51, 53, 55, 1)

md.sys.color.surface-container-highest

Added Audience: 1P Baseline · Platform: Android · Theme: Light
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(221, 227, 234, 1)

md.sys.color.surface-container-highest

Added Audience: 3P · Platform: Android · Theme: Light
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(230, 224, 233, 1)

md.sys.color.surface-container-highest

Added Audience: 1P Baseline · Platform: Compose · Theme: Light
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(221, 227, 234, 1)

md.sys.color.surface-container-highest

Added Audience: 3P · Platform: Android · Theme: Dark
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(54, 52, 59, 1)

md.sys.color.surface-container-highest

Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Light
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(221, 227, 234, 1)

md.sys.color.surface-container-highest

Added Audience: 1P Baseline · Platform: Android · Theme: Dark
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(51, 53, 55, 1)

md.sys.color.surface-container-highest

Added Audience: 3P · Platform: Web · Theme: Light
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(230, 224, 233, 1)

md.sys.color.surface-container-highest

Added Audience: 3P · Contrast: Default · Platform: iOS
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Value—Not resolved

md.sys.color.surface-container-highest

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Dark · iOS dark theme elevation: None
  1. Color
  2. Surface Container Highest
PropertyPrevious valueNew value
Color—rgba(51, 53, 55, 1)

md.sys.color.surface-container-low

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

md.sys.color.surface-container-low

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

md.sys.color.surface-container-low

Added Audience: 1P Baseline · Platform: Compose · Theme: Dark
  1. Color
  2. Surface Container Low
PropertyPrevious valueNew value
Color—rgba(27, 27, 27, 1)

md.sys.color.surface-container-low

Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Light
  1. Color
  2. Surface Container Low
PropertyPrevious valueNew value
Color—rgba(248, 250, 253, 1)

md.sys.color.surface-container-low

Added Audience: 1P Baseline · Platform: Web · Theme: Light
  1. Color
  2. Surface Container Low
PropertyPrevious valueNew value
Color—rgba(248, 250, 253, 1)

md.sys.color.surface-container-low

Added Audience: 3P · Platform: Android · Theme: Dark
  1. Color
  2. Surface Container Low
PropertyPrevious valueNew value
Color—rgba(29, 27, 32, 1)

md.sys.color.surface-container-low

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Dark · iOS dark theme elevation: Elevated
  1. Color
  2. Surface Container Low
PropertyPrevious valueNew value
Color—rgba(30, 31, 32, 1)