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.secondary-fixed-dim

Added Audience: 1P Baseline · Contrast: High contrast · Platform: Compose · Theme: Light
  1. Color
  2. Secondary Fixed Dim
PropertyPrevious valueNew value
Color · Alpha—1
Color · Blue—0.33333334
Color · Green—0.2

md.sys.color.secondary-fixed-dim

Added Audience: 3P · Contrast: High contrast · Platform: Web · Theme: Light
  1. Color
  2. Secondary Fixed Dim
PropertyPrevious valueNew value
Color—rgba(51, 45, 65, 1)

md.sys.color.secondary-fixed-dim

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

md.sys.color.secondary-fixed-dim

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Dark
  1. Color
  2. Secondary Fixed Dim
PropertyPrevious valueNew value
Color—rgba(127, 207, 255, 1)

md.sys.color.secondary-fixed-dim

Added Audience: 3P · Contrast: Medium contrast · Platform: Android · Theme: Light
  1. Color
  2. Secondary Fixed Dim
PropertyPrevious valueNew value
Color—rgba(74, 68, 88, 1)

md.sys.color.shadow

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

md.sys.color.shadow

Added Audience: 3P · Platform: Compose · Theme: Dark
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.shadow

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Light
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.shadow

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

md.sys.color.shadow

Added Audience: 1P Baseline · Platform: Compose · Theme: Dark
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.shadow

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

md.sys.color.shadow

Added Audience: 3P · Platform: Android · Theme: Dark
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.shadow

Added Audience: 1P Baseline · Platform: Android · Theme: Light
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.shadow

Added Audience: 1P Baseline · Platform: Android · Theme: Dark
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.shadow

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

md.sys.color.shadow

Added Audience: 3P · Platform: Web · Theme: Light
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.shadow

Added Audience: 1P Baseline · Platform: Web · Theme: Dark
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.shadow

Added Audience: 1P Baseline · Platform: Web · Theme: Light
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.shadow

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

md.sys.color.shadow

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

md.sys.color.shadow

Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Light
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.shadow

Added Audience: 1P Baseline · Platform: Compose · Theme: Light
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.shadow

Added Audience: 3P · Platform: Android · Theme: Light
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.shadow

Added Audience: 3P · Platform: Compose · Theme: Light
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.shadow

Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Dark
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.shadow

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Dark
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.shadow

Added Audience: 3P · Platform: Web · Theme: Dark
  1. Color
  2. Shadow
PropertyPrevious valueNew value
Color · Alpha—1

md.sys.color.surface

Added Audience: 3P · Platform: Compose · Theme: Dark
  1. Color
  2. Surface
PropertyPrevious valueNew value
Color—rgba(20, 18, 24, 1)

md.sys.color.surface

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

md.sys.color.surface

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

md.sys.color.surface

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

md.sys.color.surface

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

md.sys.color.surface

Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Dark
  1. Color
  2. Surface
PropertyPrevious valueNew value
Color—rgba(19, 19, 20, 1)

md.sys.color.surface

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

md.sys.color.surface

Added Audience: 3P · Platform: Compose · Theme: Light
  1. Color
  2. Surface
PropertyPrevious valueNew value
Color—rgba(254, 247, 255, 1)

md.sys.color.surface

Added Audience: 3P · Platform: Web · Theme: Dark
  1. Color
  2. Surface
PropertyPrevious valueNew value
Color—rgba(20, 18, 24, 1)

md.sys.color.surface

Added Audience: 1P Baseline · Platform: Android · Theme: Dark
  1. Color
  2. Surface
PropertyPrevious valueNew value
Color—rgba(19, 19, 20, 1)

md.sys.color.surface

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

md.sys.color.surface

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

md.sys.color.surface

Added Audience: 1P Baseline · Platform: Web · Theme: Dark
  1. Color
  2. Surface
PropertyPrevious valueNew value
Color—rgba(19, 19, 20, 1)

md.sys.color.surface

Added Audience: 3P · Platform: Web · Theme: Light
  1. Color
  2. Surface
PropertyPrevious valueNew value
Color—rgba(254, 247, 255, 1)

md.sys.color.surface

Added Audience: 1P Baseline · Platform: Compose · Theme: Light
  1. Color
  2. Surface
PropertyPrevious valueNew value
Color—rgba(255, 255, 255, 1)

md.sys.color.surface

Added Audience: 3P · Platform: Android · Theme: Light
  1. Color
  2. Surface
PropertyPrevious valueNew value
Color—rgba(254, 247, 255, 1)

md.sys.color.surface

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

md.sys.color.surface

Added Audience: 1P Baseline · Platform: Android · Theme: Light
  1. Color
  2. Surface
PropertyPrevious valueNew value
Color—rgba(255, 255, 255, 1)

md.sys.color.surface

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

md.sys.color.surface

Added Audience: 1P Baseline · Platform: Web · Theme: Light
  1. Color
  2. Surface
PropertyPrevious valueNew value
Color—rgba(255, 255, 255, 1)

md.sys.color.surface

Added Audience: 3P · Platform: Android · Theme: Dark
  1. Color
  2. Surface
PropertyPrevious valueNew value
Color—rgba(20, 18, 24, 1)

md.sys.color.surface

Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Dark
  1. Color
  2. Surface
PropertyPrevious valueNew value
Color—rgba(19, 19, 20, 1)

md.sys.color.surface-bright

Added Audience: 1P Baseline · Platform: Compose · Theme: Light
  1. Color
  2. Surface Bright
PropertyPrevious valueNew value
Color—rgba(255, 255, 255, 1)