diff --git a/flashy.css b/flashy.css
index 56b5c2e..3e7aa71 100644
--- a/flashy.css
+++ b/flashy.css
@@ -70,3 +70,47 @@
     margin-left: auto;
     margin-right: auto;
 }
+
+/* label color */
+.input-field label {
+	color: #673ab7;
+}
+
+/* label focus color */
+.input-field input[type]:focus + label {
+	color: #b388ff;
+}
+
+/* label underline focus color */
+.input-field input[type]:focus {
+	border-bottom: 1px solid #b388ff;
+	box-shadow: 0 1px 0 0 #b388ff;
+}
+
+/* valid color */
+.input-field input[type].valid {
+	border-bottom: 1px solid #673ab7;
+	box-shadow: 0 1px 0 0 #673ab7;
+}
+
+/* invalid color */
+.input-field input[type].invalid {
+	border-bottom: 1px solid #673ab7;
+	box-shadow: 0 1px 0 0 #673ab7;
+}
+
+/* icon prefix focus color */
+.input-field .prefix.active {
+	color: #b388ff;
+}
+
+/* label focus color */
+.input-field textarea[type]:focus + label {
+	color: #b388ff;
+}
+
+/* label underline focus color */
+.input-field textarea[type]:focus {
+	border-bottom: 1px solid #b388ff;
+	box-shadow: 0 1px 0 0 #b388ff;
+}