diff --git a/ionic/components/button/extensions/material.scss b/ionic/components/button/extensions/material.scss
index cc7efb8435..0c65e70833 100644
--- a/ionic/components/button/extensions/material.scss
+++ b/ionic/components/button/extensions/material.scss
@@ -88,6 +88,11 @@ $button-material-border-radius:            3px !default;
 
       &[clear] {
         box-shadow: none;
+
+        @if lightness(get-color($color, base)) > 90 {
+          color: get-color($color, inverse);
+        }
+
         &:hover, &.hover {
           background-color: rgba(158, 158, 158, 0.2);
         }