Material 3 (Material You) — Baseline

The Material Design 3 baseline color scheme generated from seed color #6750A4 (purple). Provides tonal palettes (primary, secondary, tertiary, error, neutral, neutral-variant) at canonical tones, plus full M3 system role mappings for both light and dark schemes.

91 swatches 49 light roles 49 dark roles materialgooglem3role-basedtonal-palette

Swatches

misc

black
#000000
white
#FFFFFF

primary

primary-0
#000000
primary-10
#21005D
primary-20
#381E72
primary-30
#4F378B
primary-40
#6750A4
primary-50
#7F67BE
primary-60
#9A82DB
primary-70
#B69DF8
primary-80
#D0BCFF
primary-90
#EADDFF
primary-95
#F6EDFF
primary-99
#FFFBFE
primary-100
#FFFFFF

secondary

secondary-0
#000000
secondary-10
#1D192B
secondary-20
#332D41
secondary-30
#4A4458
secondary-40
#625B71
secondary-50
#7A7289
secondary-60
#958DA5
secondary-70
#B0A7C0
secondary-80
#CCC2DC
secondary-90
#E8DEF8
secondary-95
#F6EDFF
secondary-99
#FFFBFE
secondary-100
#FFFFFF

tertiary

tertiary-0
#000000
tertiary-10
#31111D
tertiary-20
#492532
tertiary-30
#633B48
tertiary-40
#7D5260
tertiary-50
#986977
tertiary-60
#B58392
tertiary-70
#D29DAC
tertiary-80
#EFB8C8
tertiary-90
#FFD8E4
tertiary-95
#FFECF1
tertiary-99
#FFFBFA
tertiary-100
#FFFFFF

error

error-0
#000000
error-10
#410E0B
error-20
#601410
error-30
#8C1D18
error-40
#B3261E
error-50
#DC362E
error-60
#E46962
error-70
#EC928E
error-80
#F2B8B5
error-90
#F9DEDC
error-95
#FCEEEE
error-99
#FFFBF9
error-100
#FFFFFF

neutral

neutral-0
#000000
neutral-4
#0F0D13
neutral-6
#141218
neutral-10
#1D1B20
neutral-12
#211F26
neutral-17
#2B2930
neutral-20
#322F35
neutral-22
#36343B
neutral-24
#3B383E
neutral-30
#48464C
neutral-40
#605D64
neutral-50
#79767D
neutral-60
#938F96
neutral-70
#AEA9B1
neutral-80
#CAC5CD
neutral-87
#DED8E1
neutral-90
#E6E0E9
neutral-92
#ECE6F0
neutral-94
#F3EDF7
neutral-95
#F5EFF7
neutral-96
#F7F2FA
neutral-98
#FEF7FF
neutral-99
#FFFBFF
neutral-100
#FFFFFF

neutral-variant

neutral-variant-0
#000000
neutral-variant-10
#1D1A22
neutral-variant-20
#322F37
neutral-variant-30
#49454F
neutral-variant-40
#605D66
neutral-variant-50
#79747E
neutral-variant-60
#938F99
neutral-variant-70
#AEA9B4
neutral-variant-80
#CAC4D0
neutral-variant-90
#E7E0EC
neutral-variant-95
#F5EEFA
neutral-variant-99
#FFFBFE
neutral-variant-100
#FFFFFF

Mode role mappings

Light mode (49 roles)

background → neutral-98
error → error-40
error-container → error-90
inverse-on-surface → neutral-95
inverse-primary → primary-80
inverse-surface → neutral-20
on-background → neutral-10
on-error → error-100
on-error-container → error-30
on-primary → primary-100
on-primary-container → primary-30
on-primary-fixed → primary-10
on-primary-fixed-variant → primary-30
on-secondary → secondary-100
on-secondary-container → secondary-30
on-secondary-fixed → secondary-10
on-secondary-fixed-variant → secondary-30
on-surface → neutral-10
on-surface-variant → neutral-variant-30
on-tertiary → tertiary-100
on-tertiary-container → tertiary-30
on-tertiary-fixed → tertiary-10
on-tertiary-fixed-variant → tertiary-30
outline → neutral-variant-50
outline-variant → neutral-variant-80
primary → primary-40
primary-container → primary-90
primary-fixed → primary-90
primary-fixed-dim → primary-80
scrim → neutral-0
secondary → secondary-40
secondary-container → secondary-90
secondary-fixed → secondary-90
secondary-fixed-dim → secondary-80
shadow → neutral-0
surface → neutral-98
surface-bright → neutral-98
surface-container → neutral-94
surface-container-high → neutral-92
surface-container-highest → neutral-90
surface-container-low → neutral-96
surface-container-lowest → neutral-100
surface-dim → neutral-87
surface-tint → primary-40
surface-variant → neutral-variant-90
tertiary → tertiary-40
tertiary-container → tertiary-90
tertiary-fixed → tertiary-90
tertiary-fixed-dim → tertiary-80

Dark mode (49 roles)

background → neutral-6
error → error-80
error-container → error-30
inverse-on-surface → neutral-20
inverse-primary → primary-40
inverse-surface → neutral-90
on-background → neutral-90
on-error → error-20
on-error-container → error-90
on-primary → primary-20
on-primary-container → primary-90
on-primary-fixed → primary-10
on-primary-fixed-variant → primary-30
on-secondary → secondary-20
on-secondary-container → secondary-90
on-secondary-fixed → secondary-10
on-secondary-fixed-variant → secondary-30
on-surface → neutral-90
on-surface-variant → neutral-variant-80
on-tertiary → tertiary-20
on-tertiary-container → tertiary-90
on-tertiary-fixed → tertiary-10
on-tertiary-fixed-variant → tertiary-30
outline → neutral-variant-60
outline-variant → neutral-variant-30
primary → primary-80
primary-container → primary-30
primary-fixed → primary-90
primary-fixed-dim → primary-80
scrim → neutral-0
secondary → secondary-80
secondary-container → secondary-30
secondary-fixed → secondary-90
secondary-fixed-dim → secondary-80
shadow → neutral-0
surface → neutral-6
surface-bright → neutral-24
surface-container → neutral-12
surface-container-high → neutral-17
surface-container-highest → neutral-22
surface-container-low → neutral-10
surface-container-lowest → neutral-4
surface-dim → neutral-6
surface-tint → primary-80
surface-variant → neutral-variant-30
tertiary → tertiary-80
tertiary-container → tertiary-30
tertiary-fixed → tertiary-90
tertiary-fixed-dim → tertiary-80

Provenance

Source
https://github.com/material-components/material-web/blob/main/tokens/versions/v0_192/_md-ref-palette.scss
License
Apache-2.0
Attribution
Material Design 3 reference palette, Copyright Google LLC, licensed under Apache License 2.0. Baseline scheme generated via the HCT algorithm from seed color #6750A4.
Imported
2026-05-15 (upstream version v0.192)
Notes
System role → tone mappings sourced from Flutter material library gen_defaults data files (color_light.json, color_dark.json).