Todos los colores de Material Design con sus valores Hex

En las tablas de esta página se pueden visualizar y comparar todas las variaciones de colores, pertenecientes al estilo visual Material Design, creado por Google para la web.
Las uso personalmente para seleccionar el tono exacto de los colores para mis proyectos.
Material Design es usado en Android, en las aplicaciones y productos de Google y en todos los sitios modernos de internet.
Es un estilo visual moderno, sencillo que se vale de una serie de colores específicos, la fuente Roboto, iconos, temas y otros elementos, para crear un estándar que facilita la visualización y legibilidad de las páginas y aplicaciones para la web.
Las tablas son una copia exacta de las especificaciones oficiales publicada en la web de Material.io.
Los tonos están agrupados por los colores principales y cada uno de ellos contiene su código y su valor hexadecimal.

Tonos de colores usados en Material Design

En los colores seleccionados para el nuevo diseño visual, no están incluidos los llamados "colores web", usados tradicionalmente y que se podían emplear en CSS usando su nombre.
Por ejemplo:
El color "red" antes #FF0000, ahora es #f44336, con un tono más suave.
Lo mismo pasa con el color "blue", antes #0000FF, ahora #2196f3, casi color cielo.
El color web "green" #008000, ahora es: #4caf50.

Todos los colores de Material Design han sido seleccionados cuidadosamente, con el objetivo que no sean estridentes, ni cansen la vista, pero que sean atractivos.
No se pueden especificar por su nombre como se hacía antiguamente, ahora es necesario hacerlo usando su código HEX.

Tablas con todos los colores de Material Design

Material Design para Photoshop y Illustrator

Los que usen Photoshop o Illustrator pueden descargar e instalar un plugin desde la web de Material.io, para disponer de una paleta con los colores de Material Design en estos editores de imágenes.
En Photoshop debemos de copiar el archivo de nombre "Material Palette.aco" en el paquete de descarga, a la carpeta "Color Swatches", situada en: Archivos de programa – Adobe – Version de Photoshop – Presets.
Después de eso activa en el menú Window -> Swatches. Da un clic en la esquina superior derecha de la ventana Swatches y selecciona en el menú: "Material Palette".
Descargar plugin