diff --git a/src/components/color-button/color-button.jsx b/src/components/color-button/color-button.jsx
index 067a8ee5..51b0c81d 100644
--- a/src/components/color-button/color-button.jsx
+++ b/src/components/color-button/color-button.jsx
@@ -20,7 +20,7 @@ const ColorButtonComponent = props => (
     >
         <div
             className={classNames(styles.colorButtonSwatch, {
-                [styles.outlineSwatch]: props.outline
+                [styles.outlineSwatch]: props.outline && !(props.color === MIXED)
             })}
             style={{
                 background: colorToBackground(props.color)