Design Guidelines

ColorPrimary colors map to components and elements, such as app bars and buttons.
color_primary #bbdefb
color_primary_variant #1976D2

ColorSecondary colors are most often used as accents on components, such as FABs and selection controls.
color_secondary #004a9f
color_secondary_variant #9e9e9e

colorBackground appears behind scrollable content and is used for the default window background. colorSurface is mapped to the surface of components such as cards, sheets and menus. colorError is used to indicate an error state for components such as text fields.
color_background #f4f4f4
color_surface #FFFFFF
color_error #b00020

"On" colors define how text, icons and strokes are colored in relation to the surface on which they appear.
color_on_primary:#000000"
color_on_secondary #9e9e9e
color_on_background #9e9e9e
color_on_surface #9e9e9e
color_on_error #9e9e9e