Material.Color

Palette

The color palette starts with primary colors and fills in the spectrum to
create a complete and usable palette for Android, Web, and iOS. Google suggests
using the 500 colors as the primary colors in your app and the other colors as
accents colors.

Color Schemes

[The Material Design] palette comprises primary and accent colors that can be
used for illustration or to develop your brand colors. They’ve been designed
to work harmoniously with each other. [...] Apps that don’t have existing
color schemes may select colors from the material design color palette. Limit
your selection of colors to three hues from the primary palette and one
accent color from the secondary palette.

The Material Design Lite CSS supports this selection; you choose your primary
and accent colors when loading MDL css; see
Material.top. Many components can be instructed to take on one of the four hues
mentioned above; below you'll find Options for constructing these scheme-dependent
colors.

primary : Color

Primary color of the theme.

primaryDark : Color

Primary color, dark variant.

primaryContrast : Color

Primary color, contrast variant.

accent : Color

Accent color.

accentContrast : Color

Accent color, contrast variant.

Options

background : Color -> Property c m

Background color.

text : Color -> Property c m

Text or foreground color.

Misc

hues : Array Hue

Hues as array. Mostly useful for demos.

accentHues : Array Hue

Primary hues as array. Mostly useful for demos.

shades : Array Shade

Shades as array. Mostly useful for demos.

scheme : Hue -> Hue -> String

Given primary and accent base colors, compute name of appropriate MDL .css-file.
(You are not likely to need to call this function.)