diff --git a/package-lock.json b/package-lock.json
index 16f8530ea..937a526d2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,9 +12,9 @@
         "@edx/brand": "npm:@edx/brand-openedx@1.1.0",
         "@edx/frontend-component-footer": "11.1.1",
         "@edx/frontend-enterprise-hotjar": "^1.2.1",
-        "@edx/frontend-lib-content-components": "^1.142.0",
+        "@edx/frontend-lib-content-components": "^1.143.0",
         "@edx/frontend-platform": "2.5.1",
-        "@edx/paragon": "^20.28.0",
+        "@edx/paragon": "^20.32.0",
         "@fortawesome/fontawesome-svg-core": "1.2.28",
         "@fortawesome/free-brands-svg-icons": "5.11.2",
         "@fortawesome/free-regular-svg-icons": "5.11.2",
@@ -2240,9 +2240,9 @@
       }
     },
     "node_modules/@edx/frontend-lib-content-components": {
-      "version": "1.142.0",
-      "resolved": "https://registry.npmjs.org/@edx/frontend-lib-content-components/-/frontend-lib-content-components-1.142.0.tgz",
-      "integrity": "sha512-d1w3ScykOhtxtAbt9Uhg9812lJ3XOTbBwwlUTR5ouckCYnS+vPKSF2+4PSKI1FxVxooLfy6vgqazQ2Y0A+xnTA==",
+      "version": "1.143.0",
+      "resolved": "https://registry.npmjs.org/@edx/frontend-lib-content-components/-/frontend-lib-content-components-1.143.0.tgz",
+      "integrity": "sha512-k2hGoHCPB4v0oIoraNs6gnRFMCfJmb4sWG0PSwQdU3/8tpBjbD0+o6qTAvOqKHaLeHGReW+fISktFsQXs4bQvA==",
       "dependencies": {
         "@codemirror/lang-html": "^6.0.0",
         "@codemirror/lang-xml": "^6.0.0",
@@ -2479,9 +2479,9 @@
       }
     },
     "node_modules/@edx/paragon": {
-      "version": "20.28.0",
-      "resolved": "https://registry.npmjs.org/@edx/paragon/-/paragon-20.28.0.tgz",
-      "integrity": "sha512-ydM3DK2aqdYRXyNEC0+P9tFpckH9kx/b/HtgSGrNMreRGAJ90QNkI/zAdlwj8U9mmoaE9jfIpjsO4g84qnrk1A==",
+      "version": "20.32.0",
+      "resolved": "https://registry.npmjs.org/@edx/paragon/-/paragon-20.32.0.tgz",
+      "integrity": "sha512-d2rlYoWyRLvzPMo7MfCojqU/Qvk0cXnBpXW7aOOOQYhTvC3m3Y3yNWjQ8DJhbnWyL1tFEjZG2mjlgXHDHBqtLQ==",
       "dependencies": {
         "@fortawesome/fontawesome-svg-core": "^6.1.1",
         "@fortawesome/react-fontawesome": "^0.1.18",
@@ -2496,6 +2496,7 @@
         "mailto-link": "^2.0.0",
         "prop-types": "^15.8.1",
         "react-bootstrap": "^1.6.5",
+        "react-colorful": "^5.6.1",
         "react-dropzone": "^14.2.1",
         "react-focus-on": "^3.5.4",
         "react-loading-skeleton": "^3.1.0",
@@ -20117,6 +20118,15 @@
         "react": "^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/react-colorful": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/react-colorful/-/react-colorful-5.6.1.tgz",
+      "integrity": "sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==",
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
     "node_modules/react-dev-utils": {
       "version": "12.0.0",
       "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.0.tgz",
@@ -26965,9 +26975,9 @@
       "requires": {}
     },
     "@edx/frontend-lib-content-components": {
-      "version": "1.142.0",
-      "resolved": "https://registry.npmjs.org/@edx/frontend-lib-content-components/-/frontend-lib-content-components-1.142.0.tgz",
-      "integrity": "sha512-d1w3ScykOhtxtAbt9Uhg9812lJ3XOTbBwwlUTR5ouckCYnS+vPKSF2+4PSKI1FxVxooLfy6vgqazQ2Y0A+xnTA==",
+      "version": "1.143.0",
+      "resolved": "https://registry.npmjs.org/@edx/frontend-lib-content-components/-/frontend-lib-content-components-1.143.0.tgz",
+      "integrity": "sha512-k2hGoHCPB4v0oIoraNs6gnRFMCfJmb4sWG0PSwQdU3/8tpBjbD0+o6qTAvOqKHaLeHGReW+fISktFsQXs4bQvA==",
       "requires": {
         "@codemirror/lang-html": "^6.0.0",
         "@codemirror/lang-xml": "^6.0.0",
@@ -27136,9 +27146,9 @@
       }
     },
     "@edx/paragon": {
-      "version": "20.28.0",
-      "resolved": "https://registry.npmjs.org/@edx/paragon/-/paragon-20.28.0.tgz",
-      "integrity": "sha512-ydM3DK2aqdYRXyNEC0+P9tFpckH9kx/b/HtgSGrNMreRGAJ90QNkI/zAdlwj8U9mmoaE9jfIpjsO4g84qnrk1A==",
+      "version": "20.32.0",
+      "resolved": "https://registry.npmjs.org/@edx/paragon/-/paragon-20.32.0.tgz",
+      "integrity": "sha512-d2rlYoWyRLvzPMo7MfCojqU/Qvk0cXnBpXW7aOOOQYhTvC3m3Y3yNWjQ8DJhbnWyL1tFEjZG2mjlgXHDHBqtLQ==",
       "requires": {
         "@fortawesome/fontawesome-svg-core": "^6.1.1",
         "@fortawesome/react-fontawesome": "^0.1.18",
@@ -27153,6 +27163,7 @@
         "mailto-link": "^2.0.0",
         "prop-types": "^15.8.1",
         "react-bootstrap": "^1.6.5",
+        "react-colorful": "^5.6.1",
         "react-dropzone": "^14.2.1",
         "react-focus-on": "^3.5.4",
         "react-loading-skeleton": "^3.1.0",
@@ -40621,6 +40632,12 @@
         "@babel/runtime": "^7.12.13"
       }
     },
+    "react-colorful": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/react-colorful/-/react-colorful-5.6.1.tgz",
+      "integrity": "sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==",
+      "requires": {}
+    },
     "react-dev-utils": {
       "version": "12.0.0",
       "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.0.tgz",
diff --git a/package.json b/package.json
index 96ba0502d..a44ab4a23 100644
--- a/package.json
+++ b/package.json
@@ -36,9 +36,9 @@
     "@edx/brand": "npm:@edx/brand-openedx@1.1.0",
     "@edx/frontend-component-footer": "11.1.1",
     "@edx/frontend-enterprise-hotjar": "^1.2.1",
-    "@edx/frontend-lib-content-components": "^1.142.0",
+    "@edx/frontend-lib-content-components": "^1.143.0",
     "@edx/frontend-platform": "2.5.1",
-    "@edx/paragon": "^20.28.0",
+    "@edx/paragon": "^20.32.0",
     "@fortawesome/fontawesome-svg-core": "1.2.28",
     "@fortawesome/free-brands-svg-icons": "5.11.2",
     "@fortawesome/free-regular-svg-icons": "5.11.2",