Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Sass Maps of the Google Material UI Color Palette

Here are Sass maps of the Color Palette found in the Google Material UI.


Use map-get($color, $value) (reference) using the color names and values from the Material UI specification. Spaces in color names are replaced with a single hyphen (-).

Bundled is a custom function to improve the semantics of the color palette:

@function color($color, $value: 500) {
  @return map-get($color, $value);

Which can be used like this:

.element {
  background: color($indigo, 400);

Do note that if no $value is set, it defaults to the primary color value of 500.


Sass 3.3 (Maptastic Maple)

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.