diff --git a/.changeset/tasty-pandas-share.md b/.changeset/tasty-pandas-share.md
deleted file mode 100644
index 1116903..0000000
--- a/.changeset/tasty-pandas-share.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@showbie/backpack-tokens': minor
----
-
-Add Showbie green-200 and yellows
diff --git a/BackpackTokens.podspec b/BackpackTokens.podspec
index 2aa486b..24e22bf 100644
--- a/BackpackTokens.podspec
+++ b/BackpackTokens.podspec
@@ -1,6 +1,6 @@
 Pod::Spec.new do |s|
   s.name = 'BackpackTokens'
-  s.version = '4.1.2'
+  s.version = '4.2.0'
   s.license = { :type => 'ISC', :file => 'packages/backpack-tokens/LICENSE.txt' }
   s.homepage = 'https://design.showbie.com'
   s.author = 'Showbie Inc.'
diff --git a/packages/backpack-react/package.json b/packages/backpack-react/package.json
index ffb643a..657d985 100644
--- a/packages/backpack-react/package.json
+++ b/packages/backpack-react/package.json
@@ -35,7 +35,7 @@
   },
   "devDependencies": {
     "@babel/core": "7.11.x",
-    "@showbie/backpack-tokens": "4.1.2",
+    "@showbie/backpack-tokens": "4.2.0",
     "@storybook/addon-a11y": "6.0.21",
     "@storybook/addon-essentials": "6.0.21",
     "@storybook/react": "6.0.21",
diff --git a/packages/backpack-tokens/CHANGELOG.md b/packages/backpack-tokens/CHANGELOG.md
index ddafc3a..da0f0fe 100644
--- a/packages/backpack-tokens/CHANGELOG.md
+++ b/packages/backpack-tokens/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Change Log
 
+## 4.2.0
+
+### Minor Changes
+
+- [#279](https://github.com/showbie/backpack/pull/279) [`b6bbfd2`](https://github.com/showbie/backpack/commit/b6bbfd2dd85bab4f634f643423b9b405229c5ddc) Thanks [@elidupuis](https://github.com/elidupuis)! - Add Showbie green-200 and yellows
+
 ## 4.1.2
 
 ### Patch Changes
diff --git a/packages/backpack-tokens/dist/color-docs.js b/packages/backpack-tokens/dist/color-docs.js
index 709f469..cc3ed5d 100644
--- a/packages/backpack-tokens/dist/color-docs.js
+++ b/packages/backpack-tokens/dist/color-docs.js
@@ -161,6 +161,49 @@ module.exports = {
       },
     },
 
+    yellow: {
+      '50': {
+        hex: '#FEFBED',
+        rgb: '254, 251, 237',
+        hsl: '49, 89, 96',
+        name: 'Frosting Cream',
+        scss: 'sbe-yellow-50',
+        swift: 'sbeYellow50',
+      },
+      '100': {
+        hex: '#FCF5D4',
+        rgb: '252, 245, 212',
+        hsl: '50, 87, 91',
+        name: 'Perky Tint',
+        scss: 'sbe-yellow-100',
+        swift: 'sbeYellow100',
+      },
+      '200': {
+        hex: '#FAECA6',
+        rgb: '250, 236, 166',
+        hsl: '50, 89, 82',
+        name: 'Sour Lemon',
+        scss: 'sbe-yellow-200',
+        swift: 'sbeYellow200',
+      },
+      '500': {
+        hex: '#B16301',
+        rgb: '177, 99, 1',
+        hsl: '33, 99, 35',
+        name: 'Umber',
+        scss: 'sbe-yellow-500',
+        swift: 'sbeYellow500',
+      },
+      '600': {
+        hex: '#A75D00',
+        rgb: '167, 93, 0',
+        hsl: '33, 100, 33',
+        name: 'Windsor Brown',
+        scss: 'sbe-yellow-600',
+        swift: 'sbeYellow600',
+      },
+    },
+
     green: {
       '50': {
         hex: '#EBF7EB',
@@ -178,6 +221,14 @@ module.exports = {
         scss: 'sbe-green-100',
         swift: 'sbeGreen100',
       },
+      '200': {
+        hex: '#C1E6C7',
+        rgb: '193, 230, 199',
+        hsl: '130, 43, 83',
+        name: 'Sugar Mint',
+        scss: 'sbe-green-200',
+        swift: 'sbeGreen200',
+      },
       '500': {
         hex: '#158809',
         rgb: '21, 136, 9',
diff --git a/packages/backpack-tokens/dist/showbie-color.css b/packages/backpack-tokens/dist/showbie-color.css
index 8c4f8c7..727a522 100644
--- a/packages/backpack-tokens/dist/showbie-color.css
+++ b/packages/backpack-tokens/dist/showbie-color.css
@@ -1,6 +1,6 @@
 /**
  * BACKPACK COLOURS
- * v4.1.2
+ * v4.2.0
  */
 
 :root {
@@ -30,9 +30,17 @@
   --sbe-red-700: #C11D05;
   --sbe-red-800: #e10000;
 
+  /* Yellow */
+  --sbe-yellow-50: #FEFBED;
+  --sbe-yellow-100: #FCF5D4;
+  --sbe-yellow-200: #FAECA6;
+  --sbe-yellow-500: #B16301;
+  --sbe-yellow-600: #A75D00;
+
   /* Green */
   --sbe-green-50: #EBF7EB;
   --sbe-green-100: #DAF0DA;
+  --sbe-green-200: #C1E6C7;
   --sbe-green-500: #158809;
   --sbe-green-600: #137C08;
   --sbe-green-700: #117207;
diff --git a/packages/backpack-tokens/dist/showbie-color.js b/packages/backpack-tokens/dist/showbie-color.js
index 5e8a083..b2a3884 100644
--- a/packages/backpack-tokens/dist/showbie-color.js
+++ b/packages/backpack-tokens/dist/showbie-color.js
@@ -1,6 +1,6 @@
 /**
  *    BACKPACK COLOURS
- *    v4.1.2
+ *    v4.2.0
  */
 
 var colors = {
@@ -32,9 +32,18 @@ var colors = {
     '800': '#e10000',
   },
 
+  yellow: {
+    '50': '#FEFBED',
+    '100': '#FCF5D4',
+    '200': '#FAECA6',
+    '500': '#B16301',
+    '600': '#A75D00',
+  },
+
   green: {
     '50': '#EBF7EB',
     '100': '#DAF0DA',
+    '200': '#C1E6C7',
     '500': '#158809',
     '600': '#137C08',
     '700': '#117207',
diff --git a/packages/backpack-tokens/dist/showbie-color.scss b/packages/backpack-tokens/dist/showbie-color.scss
index 04a66b7..5288d72 100644
--- a/packages/backpack-tokens/dist/showbie-color.scss
+++ b/packages/backpack-tokens/dist/showbie-color.scss
@@ -1,6 +1,6 @@
 ////
 ///   BACKPACK COLOURS
-///   v4.1.2
+///   v4.2.0
 ////
 
 ///
@@ -34,11 +34,21 @@ $sbe-red-600: #CF2810;
 $sbe-red-700: #C11D05;
 $sbe-red-800: #e10000;
 
+///
+/// Yellow
+///
+$sbe-yellow-50: #FEFBED;
+$sbe-yellow-100: #FCF5D4;
+$sbe-yellow-200: #FAECA6;
+$sbe-yellow-500: #B16301;
+$sbe-yellow-600: #A75D00;
+
 ///
 /// Green
 ///
 $sbe-green-50: #EBF7EB;
 $sbe-green-100: #DAF0DA;
+$sbe-green-200: #C1E6C7;
 $sbe-green-500: #158809;
 $sbe-green-600: #137C08;
 $sbe-green-700: #117207;
diff --git a/packages/backpack-tokens/dist/showbie-color.swift b/packages/backpack-tokens/dist/showbie-color.swift
index 5310c00..cfcd416 100644
--- a/packages/backpack-tokens/dist/showbie-color.swift
+++ b/packages/backpack-tokens/dist/showbie-color.swift
@@ -1,6 +1,6 @@
 ////
 ///   BACKPACK COLOURS
-///   v4.1.2
+///   v4.2.0
 ////
 
 import UIKit
@@ -57,6 +57,20 @@ public extension UIColor {
     // #e10000
     static let sbeRed800 = UIColor(red: 0.8823529411764706, green: 0, blue: 0, alpha: 1)
 
+    ///
+    /// Yellow
+    ///
+    // #FEFBED
+    static let sbeYellow50 = UIColor(red: 0.996078431372549, green: 0.984313725490196, blue: 0.9294117647058824, alpha: 1)
+    // #FCF5D4
+    static let sbeYellow100 = UIColor(red: 0.9882352941176471, green: 0.9607843137254902, blue: 0.8313725490196079, alpha: 1)
+    // #FAECA6
+    static let sbeYellow200 = UIColor(red: 0.9803921568627451, green: 0.9254901960784314, blue: 0.6509803921568628, alpha: 1)
+    // #B16301
+    static let sbeYellow500 = UIColor(red: 0.6941176470588235, green: 0.38823529411764707, blue: 0.00392156862745098, alpha: 1)
+    // #A75D00
+    static let sbeYellow600 = UIColor(red: 0.6549019607843137, green: 0.36470588235294116, blue: 0, alpha: 1)
+
     ///
     /// Green
     ///
@@ -64,6 +78,8 @@ public extension UIColor {
     static let sbeGreen50 = UIColor(red: 0.9215686274509803, green: 0.9686274509803922, blue: 0.9215686274509803, alpha: 1)
     // #DAF0DA
     static let sbeGreen100 = UIColor(red: 0.8549019607843137, green: 0.9411764705882353, blue: 0.8549019607843137, alpha: 1)
+    // #C1E6C7
+    static let sbeGreen200 = UIColor(red: 0.7568627450980392, green: 0.9019607843137255, blue: 0.7803921568627451, alpha: 1)
     // #158809
     static let sbeGreen500 = UIColor(red: 0.08235294117647059, green: 0.5333333333333333, blue: 0.03529411764705882, alpha: 1)
     // #137C08
diff --git a/packages/backpack-tokens/dist/socrative-color.css b/packages/backpack-tokens/dist/socrative-color.css
index 89696fc..a8695bf 100644
--- a/packages/backpack-tokens/dist/socrative-color.css
+++ b/packages/backpack-tokens/dist/socrative-color.css
@@ -1,6 +1,6 @@
 /**
  * BACKPACK COLOURS
- * v4.1.2
+ * v4.2.0
  */
 
 :root {
diff --git a/packages/backpack-tokens/dist/socrative-color.js b/packages/backpack-tokens/dist/socrative-color.js
index f86af3a..0640b4a 100644
--- a/packages/backpack-tokens/dist/socrative-color.js
+++ b/packages/backpack-tokens/dist/socrative-color.js
@@ -1,6 +1,6 @@
 /**
  *    BACKPACK COLOURS
- *    v4.1.2
+ *    v4.2.0
  */
 
 var colors = {
diff --git a/packages/backpack-tokens/dist/socrative-color.less b/packages/backpack-tokens/dist/socrative-color.less
index ef19b56..4fefca2 100644
--- a/packages/backpack-tokens/dist/socrative-color.less
+++ b/packages/backpack-tokens/dist/socrative-color.less
@@ -1,6 +1,6 @@
 ////
 ///   BACKPACK COLOURS
-///   v4.1.2
+///   v4.2.0
 ////
 
 ///
diff --git a/packages/backpack-tokens/dist/socrative-color.scss b/packages/backpack-tokens/dist/socrative-color.scss
index 2d9c988..f698164 100644
--- a/packages/backpack-tokens/dist/socrative-color.scss
+++ b/packages/backpack-tokens/dist/socrative-color.scss
@@ -1,6 +1,6 @@
 ////
 ///   BACKPACK COLOURS
-///   v4.1.2
+///   v4.2.0
 ////
 
 ///
diff --git a/packages/backpack-tokens/dist/socrative-color.swift b/packages/backpack-tokens/dist/socrative-color.swift
index b367247..0a92db1 100644
--- a/packages/backpack-tokens/dist/socrative-color.swift
+++ b/packages/backpack-tokens/dist/socrative-color.swift
@@ -1,6 +1,6 @@
 ////
 ///   BACKPACK COLOURS
-///   v4.1.2
+///   v4.2.0
 ////
 
 import UIKit
diff --git a/packages/backpack-tokens/package.json b/packages/backpack-tokens/package.json
index 05e80f9..491df52 100644
--- a/packages/backpack-tokens/package.json
+++ b/packages/backpack-tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@showbie/backpack-tokens",
-  "version": "4.1.2",
+  "version": "4.2.0",
   "description": "Showbie Backpack design system tokens",
   "homepage": "https://design.showbie.com",
   "repository": {