Color del texto en un botón principal, en el ejemplo, se estableció rojo:

Color del texto al pasar el mouse sobre un botón primario.

Color del texto de un botón principal cuando es seleccionado.

Fondo de un botón principal, en el ejemplo, se estableció verde:

Color del fondo de un botón principal cuando se pasa el mouse por arriba del mismo.

Color del fondo de un botón principal cuando se hace clic en el mismo.

Color del texto en un botón secundario, en el ejemplo, se estableció verde:

Color del texto al pasar el mouse sobre un botón secundario.

Color del texto de un botón secundario cuando es seleccionado (se hace clic en el mismo).

Fondo de un botón secundario, en el ejemplo, se estableció amarillo:

Color del borde de un botón secundario, en el ejemplo, se estableció rojo:

Color del borde de un botón secundario cuando se pasa el mouse sobre el mismo.

Color del borde de un botón secundario cuando es seleccionado, se hace clic en el mismo.

Color del texto de un botón deshabilitado.

Color del fondo de un botón deshabilitado.

Color del borde de un botón deshabilitado.

Color de los íconos: botón para cerrar las ventanas emergentes, los íconos del paginados, los íconos para compartir en las redes sociales en las páginas de producto y blog, entre otros.

En el ejemplo, se estableció rojo:

Color alternativo de los íconos al pasar el muse por enciama en los botones para cerrar las ventanas emergentes, los íconos del paginados, los íconos para compartir en las redes sociales en las páginas de producto y blog, entre otros.

En el ejemplo, se estableció azul y el mouse está sobre el ícono de impresora:

Color de las estrellas completadas, en el ejemplo, se estableció verde:

Color de las estrellas no completadas, en el ejemplo, se estableció amarillo:

Color de las etiquetas de los campos en un formulario, en el ejemplo que se muestra arriba, se estableció negro:

Color del texto del formulario, en el ejemplo que se muestra arriba, se estableció rosado:

Color del texto de los campos que no han sido completados, en el ejemplo que se muestra arriba, se estableció azul:

En este caso, "Enter your text", es el texto de ayuda que desaparece cuando empieza a escribir el usuario, por eso el campo se muestra como no completado: 

Color de fondo del campo que no ha sido completado, en el ejemplo que se muestra arriba, se estableció gris claro:

En este caso, "Enter your text", es el texto de ayuda que desaparece cuando empieza a escribir el usuario, por eso el campo se muestra como no completado.

Color del borde de los campos que no han sido completados, en el ejemplo que se muestra arriba, se estableció amarillo:

En este caso, "Enter your text", es el texto de ayuda que desaparece cuando empieza a escribir el usuario, por eso el campo se muestra como no completado: 

Color del texto de los campos que han sido completados, en el ejemplo que se muestra arriba, se estableció blanco:

Color de fondo de los campos que han sido completados, en el ejemplo que se muestra arriba, se estableció gris oscuro:

Color del borde de los campos que han sido completados, en el ejemplo que se muestra arriba, se estableció verde:

Borde del campo en el que está posicionado el usuario, en el ejemplo que se muestra arriba, se estableció rojo: