diff --git a/src/utils/colors.ts b/src/utils/colors.ts
index a96fd79f..d291af32 100644
--- a/src/utils/colors.ts
+++ b/src/utils/colors.ts
@@ -21,7 +21,9 @@ export const COLORS = [
     "orange",
     "deep-orange",
     "brown",
+    "light-grey",
     "grey",
+    "dark-grey",
     "blue-grey",
     "black",
     "white",
diff --git a/src/utils/theme.ts b/src/utils/theme.ts
index 7347e2d3..51573178 100644
--- a/src/utils/theme.ts
+++ b/src/utils/theme.ts
@@ -91,7 +91,9 @@ export const themeColorCss = css`
     --rgb-orange: var(--mush-rgb-orange, var(--default-orange));
     --rgb-deep-orange: var(--mush-rgb-deep-orange, var(--default-deep-orange));
     --rgb-brown: var(--mush-rgb-brown, var(--default-brown));
+    --rgb-light-grey: var(--mush-rgb-light-grey, var(--default-light-grey));
     --rgb-grey: var(--mush-rgb-grey, var(--default-grey));
+    --rgb-dark-grey: var(--mush-rgb-dark-grey, var(--default-dark-grey));
     --rgb-blue-grey: var(--mush-rgb-blue-grey, var(--default-blue-grey));
     --rgb-black: var(--mush-rgb-black, var(--default-black));
     --rgb-white: var(--mush-rgb-white, var(--default-white));