diff --git a/src/components/ColorGrid/ColorGrid.js b/src/components/ColorGrid/ColorGrid.js
index 4ffd236b36c..0a412befdee 100644
--- a/src/components/ColorGrid/ColorGrid.js
+++ b/src/components/ColorGrid/ColorGrid.js
@@ -2,7 +2,7 @@ import React from 'react';
 import {
   colors,
   black100,
-  green50,
+  green60,
   orange40,
   red60,
   white0,
@@ -34,7 +34,7 @@ export default function ColorGrid({ colorFamily, ...rest }) {
         <ColorSwatch hex={red60} />
         <ColorSwatch hex={orange40} />
         <ColorSwatch hex={yellow20} />
-        <ColorSwatch hex={green50} />
+        <ColorSwatch hex={green60} />
       </div>
     );
   }
diff --git a/src/data/guidelines/color-tokens.js b/src/data/guidelines/color-tokens.js
index 0cdf60d4fdf..66335cff77d 100644
--- a/src/data/guidelines/color-tokens.js
+++ b/src/data/guidelines/color-tokens.js
@@ -266,10 +266,7 @@ const colorTokens = {
       },
     },
     '$button-separator': {
-      role: [
-        '3:1 aa element contrast',
-        'Fluid button separator',
-      ],
+      role: ['3:1 aa element contrast', 'Fluid button separator'],
       value: {
         white: {
           name: 'Gray 20',
@@ -290,9 +287,7 @@ const colorTokens = {
       },
     },
     '$decorative-01': {
-      role: [
-        '“Light” variant elements',
-      ],
+      role: ['“Light” variant elements'],
       value: {
         white: {
           name: 'Gray 20',
@@ -678,12 +673,12 @@ const colorTokens = {
       role: ['Success'],
       value: {
         white: {
-          name: 'Green 50',
-          hex: '#24a148',
+          name: 'Green 60',
+          hex: '#198038',
         },
         g10: {
-          name: 'Green 50',
-          hex: '#24a148',
+          name: 'Green 60',
+          hex: '#198038',
         },
         g90: {
           name: 'Green 40',