diff --git a/react/Button/Button.less b/react/Button/Button.less
index e7164432..e7af6b09 100644
--- a/react/Button/Button.less
+++ b/react/Button/Button.less
@@ -81,6 +81,10 @@
   .buttonColor(@sk-black, @sk-mid-gray-light);
 }
 
+.root_isWhite {
+  .buttonColor(@sk-black, @sk-white);
+}
+
 .root_isGhost,
 .root_isTransparent {
   background-color: transparent;
diff --git a/react/Button/Button.test.js b/react/Button/Button.test.js
index 8e3bd35d..a4594802 100644
--- a/react/Button/Button.test.js
+++ b/react/Button/Button.test.js
@@ -19,6 +19,11 @@ describe('Button:', () => {
       expect(wrapper).toMatchSnapshot();
     });
 
+    it('should render white button', () => {
+      const wrapper = shallow(<Button color="white">SEEK</Button>);
+      expect(wrapper).toMatchSnapshot();
+    });
+
     it('should render transparent button', () => {
       const wrapper = shallow(<Button color="transparent">SEEK</Button>);
       expect(wrapper).toMatchSnapshot();
diff --git a/react/Button/__snapshots__/Button.test.js.snap b/react/Button/__snapshots__/Button.test.js.snap
index d57234b4..5e679cd6 100644
--- a/react/Button/__snapshots__/Button.test.js.snap
+++ b/react/Button/__snapshots__/Button.test.js.snap
@@ -36,6 +36,15 @@ exports[`Button: color variants: should render transparent button 1`] = `
 </button>
 `;
 
+exports[`Button: color variants: should render white button 1`] = `
+<button
+  className="Button__root Button__root_isWhite"
+  disabled={false}
+>
+  SEEK
+</button>
+`;
+
 exports[`Button: color variants: should render white ghost button 1`] = `
 <button
   className="Button__root Button__root_isGhost Button__root_isWhite"