Material Scheme
Material color schemes start from a source color, a single color from which all other scheme colors are derived.
The source color is provided in the tailwind.config.ts as the primary-color and injected in the html body as --md-sys-color-[keyColor]
. Every pallet color has a on-color that is used for text and icons.