diff --git a/source/_data/data.json b/source/_data/data.json
index 867ad2dcedc6acd8ba9a57d4fb4d74fda33b3f9e..8d9b615b253988875800ef5bca8f965d0e8fed21 100755
--- a/source/_data/data.json
+++ b/source/_data/data.json
@@ -124,7 +124,7 @@
     {
       "name": "Olive",
       "variants": [
-        {"cls": "olive-100", "name": "Olive 100", "hex": "#d6e8b3"},
+        {"cls": "olive-100", "name": "Olive 100", "hex": "#d6e8b3"}
       ]
     },
     {
@@ -139,7 +139,9 @@
       "name": "Yellow",
       "variants": [
         {"cls": "yellow-100", "name": "Yellow 100", "hex": "#fff7bf"},
-        {"cls": "yellow-200", "name": "Yellow 200", "hex": "#f7f38a"}
+        {"cls": "yellow-200", "name": "Yellow 200", "hex": "#f7f38a"},
+        {"cls": "yellow-300", "name": "Yellow 300", "hex": "#ffea5a"},
+        {"cls": "yellow-400", "name": "Yellow 400", "hex": "#fde119"}
       ]
     },
     {
diff --git a/tailwind.config.js b/tailwind.config.js
index 927c8cfc4bc9976c5664974c5b9877cc9fe5dd66..a53158eaf9c836a53fb2b1abae65894c71ff672d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -124,6 +124,8 @@ module.exports = {
       'yellow': {
         '100': '#fff7bf',
         '200': '#f7f38a',
+        '300': '#ffea5a',
+        '400': '#fde119',
       },
       'red': {
         '600': '#d60d53'