From 36d22d82aa202bb199967e9512281e9a53db42c9 Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Sun, 7 Apr 2024 21:33:14 +0200
Subject: Adding upstream version 115.7.0esr.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 .../2021-life-in-color/abstract/balanced/icon.svg  | 12 ++++
 .../abstract/balanced/manifest.json                | 76 +++++++++++++++++++++
 .../abstract/balanced/preview.svg                  | 36 ++++++++++
 .../2021-life-in-color/abstract/bold/icon.svg      | 12 ++++
 .../2021-life-in-color/abstract/bold/manifest.json | 76 +++++++++++++++++++++
 .../2021-life-in-color/abstract/bold/preview.svg   | 18 +++++
 .../2021-life-in-color/abstract/soft/icon.svg      | 12 ++++
 .../2021-life-in-color/abstract/soft/manifest.json | 76 +++++++++++++++++++++
 .../2021-life-in-color/abstract/soft/preview.svg   | 36 ++++++++++
 .../2021-life-in-color/cheers/balanced/icon.svg    | 12 ++++
 .../cheers/balanced/manifest.json                  | 76 +++++++++++++++++++++
 .../2021-life-in-color/cheers/balanced/preview.svg | 36 ++++++++++
 .../2021-life-in-color/cheers/bold/icon.svg        | 12 ++++
 .../2021-life-in-color/cheers/bold/manifest.json   | 76 +++++++++++++++++++++
 .../2021-life-in-color/cheers/bold/preview.svg     | 18 +++++
 .../2021-life-in-color/cheers/soft/icon.svg        | 12 ++++
 .../2021-life-in-color/cheers/soft/manifest.json   | 76 +++++++++++++++++++++
 .../2021-life-in-color/cheers/soft/preview.svg     | 36 ++++++++++
 .../2021-life-in-color/elemental/balanced/icon.svg | 12 ++++
 .../elemental/balanced/manifest.json               | 76 +++++++++++++++++++++
 .../elemental/balanced/preview.svg                 | 36 ++++++++++
 .../2021-life-in-color/elemental/bold/icon.svg     | 12 ++++
 .../elemental/bold/manifest.json                   | 76 +++++++++++++++++++++
 .../2021-life-in-color/elemental/bold/preview.svg  | 18 +++++
 .../2021-life-in-color/elemental/soft/icon.svg     | 12 ++++
 .../elemental/soft/manifest.json                   | 76 +++++++++++++++++++++
 .../2021-life-in-color/elemental/soft/preview.svg  | 36 ++++++++++
 .../2021-life-in-color/foto/balanced/icon.svg      | 12 ++++
 .../2021-life-in-color/foto/balanced/manifest.json | 76 +++++++++++++++++++++
 .../2021-life-in-color/foto/balanced/preview.svg   | 36 ++++++++++
 .../2021-life-in-color/foto/bold/icon.svg          | 12 ++++
 .../2021-life-in-color/foto/bold/manifest.json     | 76 +++++++++++++++++++++
 .../2021-life-in-color/foto/bold/preview.svg       | 18 +++++
 .../2021-life-in-color/foto/soft/icon.svg          | 12 ++++
 .../2021-life-in-color/foto/soft/manifest.json     | 76 +++++++++++++++++++++
 .../2021-life-in-color/foto/soft/preview.svg       | 36 ++++++++++
 .../2021-life-in-color/graffiti/balanced/icon.svg  | 12 ++++
 .../graffiti/balanced/manifest.json                | 76 +++++++++++++++++++++
 .../graffiti/balanced/preview.svg                  | 36 ++++++++++
 .../2021-life-in-color/graffiti/bold/icon.svg      | 12 ++++
 .../2021-life-in-color/graffiti/bold/manifest.json | 76 +++++++++++++++++++++
 .../2021-life-in-color/graffiti/bold/preview.svg   | 18 +++++
 .../2021-life-in-color/graffiti/soft/icon.svg      | 12 ++++
 .../2021-life-in-color/graffiti/soft/manifest.json | 76 +++++++++++++++++++++
 .../2021-life-in-color/graffiti/soft/preview.svg   | 36 ++++++++++
 .../2021-life-in-color/lush/balanced/icon.svg      | 12 ++++
 .../2021-life-in-color/lush/balanced/manifest.json | 76 +++++++++++++++++++++
 .../2021-life-in-color/lush/balanced/preview.svg   | 36 ++++++++++
 .../2021-life-in-color/lush/bold/icon.svg          | 12 ++++
 .../2021-life-in-color/lush/bold/manifest.json     | 76 +++++++++++++++++++++
 .../2021-life-in-color/lush/bold/preview.svg       | 18 +++++
 .../2021-life-in-color/lush/soft/icon.svg          | 12 ++++
 .../2021-life-in-color/lush/soft/manifest.json     | 76 +++++++++++++++++++++
 .../2021-life-in-color/lush/soft/preview.svg       | 36 ++++++++++
 .../activist/balanced/icon.svg                     | 12 ++++
 .../activist/balanced/manifest.json                | 78 ++++++++++++++++++++++
 .../activist/balanced/preview.svg                  | 36 ++++++++++
 .../2022-independent-voices/activist/bold/icon.svg | 12 ++++
 .../activist/bold/manifest.json                    | 74 ++++++++++++++++++++
 .../activist/bold/preview.svg                      | 18 +++++
 .../2022-independent-voices/activist/soft/icon.svg | 12 ++++
 .../activist/soft/manifest.json                    | 76 +++++++++++++++++++++
 .../activist/soft/preview.svg                      | 36 ++++++++++
 .../dreamer/balanced/icon.svg                      | 12 ++++
 .../dreamer/balanced/manifest.json                 | 78 ++++++++++++++++++++++
 .../dreamer/balanced/preview.svg                   | 36 ++++++++++
 .../2022-independent-voices/dreamer/bold/icon.svg  | 12 ++++
 .../dreamer/bold/manifest.json                     | 74 ++++++++++++++++++++
 .../dreamer/bold/preview.svg                       | 18 +++++
 .../2022-independent-voices/dreamer/soft/icon.svg  | 12 ++++
 .../dreamer/soft/manifest.json                     | 76 +++++++++++++++++++++
 .../dreamer/soft/preview.svg                       | 36 ++++++++++
 .../expressionist/balanced/icon.svg                | 12 ++++
 .../expressionist/balanced/manifest.json           | 76 +++++++++++++++++++++
 .../expressionist/balanced/preview.svg             | 36 ++++++++++
 .../expressionist/bold/icon.svg                    | 12 ++++
 .../expressionist/bold/manifest.json               | 76 +++++++++++++++++++++
 .../expressionist/bold/preview.svg                 | 18 +++++
 .../expressionist/soft/icon.svg                    | 12 ++++
 .../expressionist/soft/manifest.json               | 76 +++++++++++++++++++++
 .../expressionist/soft/preview.svg                 | 36 ++++++++++
 .../innovator/balanced/icon.svg                    | 12 ++++
 .../innovator/balanced/manifest.json               | 76 +++++++++++++++++++++
 .../innovator/balanced/preview.svg                 | 36 ++++++++++
 .../innovator/bold/icon.svg                        | 12 ++++
 .../innovator/bold/manifest.json                   | 76 +++++++++++++++++++++
 .../innovator/bold/preview.svg                     | 18 +++++
 .../innovator/soft/icon.svg                        | 12 ++++
 .../innovator/soft/manifest.json                   | 76 +++++++++++++++++++++
 .../innovator/soft/preview.svg                     | 36 ++++++++++
 .../playmaker/balanced/icon.svg                    | 12 ++++
 .../playmaker/balanced/manifest.json               | 74 ++++++++++++++++++++
 .../playmaker/balanced/preview.svg                 | 36 ++++++++++
 .../playmaker/bold/icon.svg                        | 12 ++++
 .../playmaker/bold/manifest.json                   | 76 +++++++++++++++++++++
 .../playmaker/bold/preview.svg                     | 18 +++++
 .../playmaker/soft/icon.svg                        | 12 ++++
 .../playmaker/soft/manifest.json                   | 76 +++++++++++++++++++++
 .../playmaker/soft/preview.svg                     | 36 ++++++++++
 .../visionary/balanced/icon.svg                    | 12 ++++
 .../visionary/balanced/manifest.json               | 76 +++++++++++++++++++++
 .../visionary/balanced/preview.svg                 | 36 ++++++++++
 .../visionary/bold/icon.svg                        | 12 ++++
 .../visionary/bold/manifest.json                   | 76 +++++++++++++++++++++
 .../visionary/bold/preview.svg                     | 18 +++++
 .../visionary/soft/icon.svg                        | 12 ++++
 .../visionary/soft/manifest.json                   | 76 +++++++++++++++++++++
 .../visionary/soft/preview.svg                     | 36 ++++++++++
 .../colorways/2022-true-colors/blue/icon.svg       | 12 ++++
 .../colorways/2022-true-colors/blue/manifest.json  | 76 +++++++++++++++++++++
 .../colorways/2022-true-colors/blue/preview.svg    | 36 ++++++++++
 .../colorways/2022-true-colors/green/icon.svg      | 12 ++++
 .../colorways/2022-true-colors/green/manifest.json | 76 +++++++++++++++++++++
 .../colorways/2022-true-colors/green/preview.svg   | 36 ++++++++++
 .../colorways/2022-true-colors/orange/icon.svg     | 12 ++++
 .../2022-true-colors/orange/manifest.json          | 76 +++++++++++++++++++++
 .../colorways/2022-true-colors/orange/preview.svg  | 36 ++++++++++
 .../colorways/2022-true-colors/purple/icon.svg     | 12 ++++
 .../2022-true-colors/purple/manifest.json          | 76 +++++++++++++++++++++
 .../colorways/2022-true-colors/purple/preview.svg  | 36 ++++++++++
 .../addons/colorways/2022-true-colors/red/icon.svg | 12 ++++
 .../colorways/2022-true-colors/red/manifest.json   | 76 +++++++++++++++++++++
 .../colorways/2022-true-colors/red/preview.svg     | 36 ++++++++++
 .../colorways/2022-true-colors/yellow/icon.svg     | 12 ++++
 .../2022-true-colors/yellow/manifest.json          | 76 +++++++++++++++++++++
 .../colorways/2022-true-colors/yellow/preview.svg  | 36 ++++++++++
 126 files changed, 4990 insertions(+)
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/blue/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/blue/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/blue/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/green/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/green/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/green/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/orange/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/orange/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/orange/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/purple/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/purple/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/purple/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/red/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/red/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/red/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/yellow/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/yellow/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/yellow/preview.svg

(limited to 'browser/themes/addons/colorways')

diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/icon.svg
new file mode 100644
index 0000000000..0bcba9aef3
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" gradientTransform="rotate(90)">
+      <stop stop-color="#F5AD94"/>
+      <stop offset="1" stop-color="#E1653C"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/manifest.json
new file mode 100644
index 0000000000..25da542d1a
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "abstract-balanced-colorway@mozilla.org"
+    }
+  },
+  "name": "Abstract – Balanced",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(16, 73%, 97%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(15, 62%, 40%)",
+      "tab_loading_inactive": "hsl(16, 100%, 82%)",
+      "frame": "hsl(15, 62%, 34%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(15, 74%, 63%)",
+      "popup_highlight": "hsla(15, 84%, 65%, 0.3)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(15, 62%, 40%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(16, 73%, 97%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 179, 244, 1)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(15, 62%, 34%)",
+      "ntp_background": "hsl(15, 39%, 80%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(15, 84%, 65%, 0.3)",
+      "address_bar_box": "hsl(15, 62%, 34%)",
+      "address_bar_box_hover": "hsla(15, 62%, 34%, 0.8)",
+      "address_bar_box_active": "hsla(15, 62%, 34%, 0.65)",
+      "address_bar_box_focus": "hsl(15, 62%, 40%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(15, 62%, 40%)",
+      "panel_item_hover": "hsla(15, 84%, 65%, 0.3)",
+      "panel_item_active": "hsla(15, 84%, 65%, 0.45)",
+      "panel_separator": "hsl(15, 74%, 63%)",
+      "icons_attention": "hsl(16, 100%, 82%)",
+      "toolbar_field_icons_attention": "hsl(15, 62%, 40%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/preview.svg
new file mode 100644
index 0000000000..24dc27d4c6
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(15, 62%, 34%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(16, 73%, 97%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(15, 62%, 40%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(16, 73%, 97%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/icon.svg
new file mode 100644
index 0000000000..7f5f32157c
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(15, 10%, 16%)"/>
+      <stop offset="1" stop-color="hsl(18, 10%, 25%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/manifest.json
new file mode 100644
index 0000000000..eda2056e0e
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "abstract-bold-colorway@mozilla.org"
+    }
+  },
+  "name": "Abstract – Bold",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(15, 89%, 86%)",
+      "tab_text": "hsl(15, 89%, 86%)",
+      "tab_selected": "hsl(12, 5%, 21%)",
+      "tab_line": "hsl(15, 100%, 86%)",
+      "tab_loading": "hsl(15, 59%, 75%)",
+      "tab_loading_inactive": "hsl(15, 59%, 75%)",
+      "frame": "hsl(15, 10%, 16%)",
+      "popup": "hsl(12, 5%, 21%)",
+      "popup_text": "hsl(15, 89%, 86%)",
+      "popup_border": "hsl(15, 100%, 86%)",
+      "popup_highlight": "hsla(15, 100%, 86%, 0.2)",
+      "popup_highlight_text": "hsl(15, 89%, 86%)",
+      "toolbar": "hsl(18, 10%, 25%)",
+      "toolbar_text": "hsl(15, 89%, 86%)",
+      "toolbar_field": "hsl(15, 10%, 16%)",
+      "toolbar_field_text": "hsl(15, 89%, 86%)",
+      "toolbar_field_focus": "hsl(12, 5%, 21%)",
+      "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(15, 10%, 16%)",
+      "ntp_background": "hsl(20, 9%, 13%)",
+      "ntp_card_background": "hsl(12, 5%, 21%)",
+      "ntp_text": "hsl(15, 89%, 86%)",
+      "sidebar": "hsl(12, 5%, 21%)",
+      "sidebar_text": "hsl(15, 89%, 86%)",
+      "sidebar_highlight": "hsla(15, 100%, 86%, 0.2)",
+      "address_bar_box": "hsl(12, 5%, 21%)",
+      "address_bar_box_hover": "hsla(12, 5%, 21%, 0.8)",
+      "address_bar_box_active": "hsla(12, 5%, 21%, 0.65)",
+      "address_bar_box_focus": "hsl(18, 10%, 25%)",
+      "address_bar_box_text": "hsl(15, 89%, 86%)",
+      "address_bar_url_color": "hsl(15, 89%, 82%)",
+      "panel_item_hover": "hsla(15, 100%, 86%, 0.2)",
+      "panel_item_active": "hsla(15, 100%, 86%, 0.35)",
+      "panel_separator": "hsl(15, 100%, 86%)",
+      "icons_attention": "hsl(15, 59%, 75%)",
+      "toolbar_field_icons_attention": "hsl(15, 59%, 75%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/preview.svg
new file mode 100644
index 0000000000..ff37080bdd
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/preview.svg
@@ -0,0 +1,18 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(15, 10%, 16%)" />
+  <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(12, 5%, 21%)" stroke="hsl(15, 100%, 86%)" stroke-width="1.5" />
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(15, 89%, 86%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(15, 89%, 86%)" />
+  <rect y="44" width="680" height="48" fill="hsl(18, 10%, 25%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(15, 10%, 16%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(15, 89%, 86%)" />
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/icon.svg
new file mode 100644
index 0000000000..e36b822f9a
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(15, 100%, 78%)"/>
+      <stop offset="1" stop-color="hsl(15, 100%, 86%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/manifest.json
new file mode 100644
index 0000000000..79eadac692
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "abstract-soft-colorway@mozilla.org"
+    }
+  },
+  "name": "Abstract – Soft",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(30, 5%, 8%)",
+      "tab_text": "hsl(30, 5%, 8%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(15, 70%, 38%)",
+      "tab_loading_inactive": "hsl(15, 70%, 38%)",
+      "frame": "hsl(15, 100%, 78%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(30, 5%, 8%)",
+      "popup_border": "hsl(15, 71%, 80%)",
+      "popup_highlight": "hsla(15, 90%, 50%, 0.2)",
+      "popup_highlight_text": "hsl(30, 5%, 8%)",
+      "toolbar": "hsl(15, 100%, 86%)",
+      "toolbar_text": "hsl(30, 5%, 8%)",
+      "toolbar_field": "hsl(15, 100%, 78%)",
+      "toolbar_field_text": "hsl(30, 5%, 8%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(15, 100%, 78%)",
+      "ntp_background": "hsl(16, 73%, 97%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(30, 5%, 8%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(30, 5%, 8%)",
+      "sidebar_highlight": "hsla(15, 90%, 50%, 0.2)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(15, 100%, 86%)",
+      "address_bar_box_text": "hsl(30, 5%, 8%)",
+      "address_bar_url_color": "hsl(15, 70%, 38%)",
+      "panel_item_hover": "hsla(15, 90%, 50%, 0.2)",
+      "panel_item_active": "hsla(15, 90%, 50%, 0.35)",
+      "panel_separator": "hsl(15, 71%, 80%)",
+      "icons_attention": "hsl(15, 70%, 38%)",
+      "toolbar_field_icons_attention": "hsl(15, 70%, 38%)",
+      "tab_attention_dot": "hsl(146, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(146, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/preview.svg
new file mode 100644
index 0000000000..8e979444f9
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(15, 100%, 78%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(30, 5%, 8%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(30, 5%, 8%)" />
+  <rect y="44" width="680" height="48" fill="hsl(15, 100%, 86%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(15, 100%, 78%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(30, 5%, 8%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/icon.svg
new file mode 100644
index 0000000000..71e10b3326
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" gradientTransform="rotate(90)">
+      <stop stop-color="#FFE199"/>
+      <stop offset="1" stop-color="#EFA906"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/manifest.json
new file mode 100644
index 0000000000..61a2bc45c0
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "cheers-balanced-colorway@mozilla.org"
+    }
+  },
+  "name": "Cheers – Balanced",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 0%)",
+      "tab_text": "hsl(0, 0%, 100%)",
+      "tab_selected": "hsl(0, 0%, 20%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(42, 95%, 60%)",
+      "tab_loading_inactive": "hsl(42, 100%, 27%)",
+      "frame": "hsl(42, 95%, 60%)",
+      "popup": "hsl(0, 0%, 20%)",
+      "popup_text": "hsl(0, 0%, 100%)",
+      "popup_border": "hsl(42, 63%, 78%)",
+      "popup_highlight": "hsla(42, 100%, 62%, 0.22)",
+      "popup_highlight_text": "hsl(0, 0%, 100%)",
+      "toolbar": "hsl(42, 95%, 70%)",
+      "toolbar_text": "hsl(0, 0%, 0%)",
+      "toolbar_field": "hsl(0, 0%, 20%)",
+      "toolbar_field_text": "hsl(0, 0%, 100%)",
+      "toolbar_field_focus": "hsl(0, 0%, 20%)",
+      "toolbar_field_border_focus": "rgba(0, 179, 244, 1)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(42, 95%, 60%)",
+      "ntp_background": "hsl(0, 0%, 9%)",
+      "ntp_card_background": "hsl(0, 0%, 20%)",
+      "ntp_text": "hsl(0, 0%, 100%)",
+      "sidebar": "hsl(0, 0%, 20%)",
+      "sidebar_text": "hsl(0, 0%, 100%)",
+      "sidebar_highlight": "hsla(42, 100%, 62%, 0.22)",
+      "address_bar_box": "hsl(42, 95%, 60%)",
+      "address_bar_box_hover": "hsla(42, 95%, 60%, 0.8)",
+      "address_bar_box_active": "hsla(42, 95%, 60%, 0.65)",
+      "address_bar_box_focus": "hsl(42, 95%, 70%)",
+      "address_bar_box_text": "hsl(0, 0%, 0%)",
+      "address_bar_url_color": "hsl(42, 95%, 60%)",
+      "panel_item_hover": "hsla(42, 100%, 62%, 0.22)",
+      "panel_item_active": "hsla(42, 100%, 62%, 0.37)",
+      "panel_separator": "hsl(42, 63%, 78%)",
+      "icons_attention": "hsl(42, 100%, 27%)",
+      "toolbar_field_icons_attention": "hsl(42, 95%, 60%)",
+      "tab_attention_dot": "hsl(137, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(137, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/preview.svg
new file mode 100644
index 0000000000..1820af6cf3
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(42, 95%, 60%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 20%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect y="44" width="680" height="48" fill="hsl(42, 95%, 70%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(0, 0%, 20%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/icon.svg
new file mode 100644
index 0000000000..224dba4eaf
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(0, 0%, 11%)"/>
+      <stop offset="1" stop-color="hsl(0, 0%, 20%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/manifest.json
new file mode 100644
index 0000000000..e9d4628b0d
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "cheers-bold-colorway@mozilla.org"
+    }
+  },
+  "name": "Cheers – Bold",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(42, 96%, 65%)",
+      "tab_text": "hsl(42, 96%, 65%)",
+      "tab_selected": "hsl(0, 0%, 16%)",
+      "tab_line": "hsl(42, 80%, 58%)",
+      "tab_loading": "hsl(42, 70%, 72%)",
+      "tab_loading_inactive": "hsl(42, 70%, 72%)",
+      "frame": "hsl(0, 0%, 11%)",
+      "popup": "hsl(0, 0%, 16%)",
+      "popup_text": "hsl(42, 96%, 65%)",
+      "popup_border": "hsl(42, 95%, 60%)",
+      "popup_highlight": "hsla(42, 95%, 60%, 0.2)",
+      "popup_highlight_text": "hsl(42, 96%, 65%)",
+      "toolbar": "hsl(0, 0%, 20%)",
+      "toolbar_text": "hsl(42, 96%, 65%)",
+      "toolbar_field": "hsl(0, 0%, 11%)",
+      "toolbar_field_text": "hsl(42, 96%, 65%)",
+      "toolbar_field_focus": "hsl(0, 0%, 16%)",
+      "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(0, 0%, 11%)",
+      "ntp_background": "hsl(0, 0%, 11%)",
+      "ntp_card_background": "hsl(0, 0%, 16%)",
+      "ntp_text": "hsl(42, 96%, 65%)",
+      "sidebar": "hsl(0, 0%, 16%)",
+      "sidebar_text": "hsl(42, 96%, 65%)",
+      "sidebar_highlight": "hsla(42, 95%, 60%, 0.2)",
+      "address_bar_box": "hsl(0, 0%, 16%)",
+      "address_bar_box_hover": "hsla(0, 0%, 16%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 16%, 0.65)",
+      "address_bar_box_focus": "hsl(0, 0%, 20%)",
+      "address_bar_box_text": "hsl(42, 96%, 65%)",
+      "address_bar_url_color": "hsl(42, 70%, 72%)",
+      "panel_item_hover": "hsla(42, 95%, 60%, 0.2)",
+      "panel_item_active": "hsla(42, 95%, 60%, 0.35)",
+      "panel_separator": "hsl(42, 95%, 60%)",
+      "icons_attention": "hsl(42, 70%, 72%)",
+      "toolbar_field_icons_attention": "hsl(42, 70%, 72%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/preview.svg
new file mode 100644
index 0000000000..ba16e58108
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/preview.svg
@@ -0,0 +1,18 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(0, 0%, 11%)" />
+  <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 16%)" stroke="hsl(42, 80%, 58%)" stroke-width="1.5" />
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(42, 96%, 65%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(42, 96%, 65%)" />
+  <rect y="44" width="680" height="48" fill="hsl(0, 0%, 20%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(0, 0%, 11%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(42, 96%, 65%)" />
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/icon.svg
new file mode 100644
index 0000000000..1b9132ccb9
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(42, 100%, 70%)"/>
+      <stop offset="1" stop-color="hsl(42, 100%, 84%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/manifest.json
new file mode 100644
index 0000000000..fbe7a2add5
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "cheers-soft-colorway@mozilla.org"
+    }
+  },
+  "name": "Cheers – Soft",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 0%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(42, 100%, 30%)",
+      "tab_loading_inactive": "hsl(42, 100%, 30%)",
+      "frame": "hsl(42, 100%, 70%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(42, 100%, 60%)",
+      "popup_highlight": "hsla(42, 100%, 78%, 0.9)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(42, 100%, 84%)",
+      "toolbar_text": "hsl(0, 0%, 0%)",
+      "toolbar_field": "hsl(42, 100%, 70%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(42, 100%, 70%)",
+      "ntp_background": "hsl(43, 61%, 92%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(42, 100%, 78%, 0.9)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(42, 100%, 84%)",
+      "address_bar_box_text": "hsl(0, 0%, 0%)",
+      "address_bar_url_color": "hsl(42, 100%, 25%)",
+      "panel_item_hover": "hsla(42, 100%, 78%, 0.9)",
+      "panel_item_active": "hsl(42, 100%, 78%)",
+      "panel_separator": "hsl(42, 100%, 60%)",
+      "icons_attention": "hsl(42, 100%, 30%)",
+      "toolbar_field_icons_attention": "hsl(42, 100%, 30%)",
+      "tab_attention_dot": "hsl(137, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(137, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/preview.svg
new file mode 100644
index 0000000000..3d197dacf0
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(42, 100%, 70%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect y="44" width="680" height="48" fill="hsl(42, 100%, 84%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(42, 100%, 70%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/icon.svg
new file mode 100644
index 0000000000..46f9d406d0
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" gradientTransform="rotate(90)">
+      <stop stop-color="#D2CEC6"/>
+      <stop offset="1" stop-color="#8E8671"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/manifest.json
new file mode 100644
index 0000000000..ee50d27de7
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "elemental-balanced-colorway@mozilla.org"
+    }
+  },
+  "name": "Elemental – Balanced",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(40, 7%, 92%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(40, 7%, 18%)",
+      "tab_loading_inactive": "hsl(40, 8%, 85%)",
+      "frame": "hsl(38, 7%, 30%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(43, 7%, 60%)",
+      "popup_highlight": "hsla(40, 7%, 55%, 0.4)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(43, 7%, 40%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(40, 7%, 92%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 179, 244, 1)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(38, 7%, 30%)",
+      "ntp_background": "hsl(42, 8%, 78%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(40, 7%, 55%, 0.4)",
+      "address_bar_box": "hsl(38, 7%, 30%)",
+      "address_bar_box_hover": "hsla(38, 7%, 30%, 0.8)",
+      "address_bar_box_active": "hsla(38, 7%, 30%, 0.65)",
+      "address_bar_box_focus": "hsl(43, 7%, 40%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(150, 2%, 35%)",
+      "panel_item_hover": "hsla(40, 7%, 55%, 0.4)",
+      "panel_item_active": "hsla(40, 7%, 55%, 0.55)",
+      "panel_separator": "hsl(43, 7%, 60%)",
+      "icons_attention": "hsl(40, 8%, 85%)",
+      "toolbar_field_icons_attention": "hsl(40, 7%, 18%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/preview.svg
new file mode 100644
index 0000000000..c700f4656d
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(38, 7%, 30%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(40, 7%, 92%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(43, 7%, 40%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(40, 7%, 92%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/icon.svg
new file mode 100644
index 0000000000..311409f39c
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(38, 7%, 30%)"/>
+      <stop offset="1" stop-color="hsl(42, 6%, 43%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/manifest.json
new file mode 100644
index 0000000000..6dd0ca7cfc
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "elemental-bold-colorway@mozilla.org"
+    }
+  },
+  "name": "Elemental – Bold",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 100%)",
+      "tab_selected": "hsl(40, 7%, 25%)",
+      "tab_line": "hsl(42, 7%, 38%)",
+      "tab_loading": "hsl(45, 6%, 88%)",
+      "tab_loading_inactive": "hsl(45, 6%, 88%)",
+      "frame": "hsl(38, 7%, 30%)",
+      "popup": "hsl(40, 7%, 25%)",
+      "popup_text": "hsl(0, 0%, 100%)",
+      "popup_border": "hsl(43, 7%, 40%)",
+      "popup_highlight": "hsla(38, 7%, 70%, 0.3)",
+      "popup_highlight_text": "hsl(0, 0%, 100%)",
+      "toolbar": "hsl(42, 6%, 43%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(38, 7%, 30%)",
+      "toolbar_field_text": "hsl(0, 0%, 100%)",
+      "toolbar_field_focus": "hsl(40, 7%, 25%)",
+      "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(38, 7%, 30%)",
+      "ntp_background": "hsl(38, 7%, 30%)",
+      "ntp_card_background": "hsl(40, 7%, 25%)",
+      "ntp_text": "hsl(0, 0%, 100%)",
+      "sidebar": "hsl(40, 7%, 25%)",
+      "sidebar_text": "hsl(0, 0%, 100%)",
+      "sidebar_highlight": "hsla(38, 7%, 70%, 0.3)",
+      "address_bar_box": "hsl(40, 7%, 25%)",
+      "address_bar_box_hover": "hsla(40, 7%, 25%, 0.8)",
+      "address_bar_box_active": "hsla(40, 7%, 25%, 0.65)",
+      "address_bar_box_focus": "hsl(42, 6%, 43%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(40, 6%, 90%)",
+      "panel_item_hover": "hsla(38, 7%, 70%, 0.3)",
+      "panel_item_active": "hsla(38, 7%, 70%, 0.45)",
+      "panel_separator": "hsl(43, 7%, 40%)",
+      "icons_attention": "hsl(45, 6%, 88%)",
+      "toolbar_field_icons_attention": "hsl(45, 6%, 88%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/preview.svg
new file mode 100644
index 0000000000..8c1cd4867c
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/preview.svg
@@ -0,0 +1,18 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(38, 7%, 30%)" />
+  <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(40, 7%, 25%)" stroke="hsl(42, 7%, 38%)" stroke-width="1.5" />
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(42, 6%, 43%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(38, 7%, 30%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/icon.svg
new file mode 100644
index 0000000000..cb634ce131
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(45, 6%, 88%)"/>
+      <stop offset="1" stop-color="hsl(30, 7%, 94%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/manifest.json
new file mode 100644
index 0000000000..b49d4d2209
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "elemental-soft-colorway@mozilla.org"
+    }
+  },
+  "name": "Elemental – Soft",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(48, 10%, 10%)",
+      "tab_text": "hsl(48, 10%, 10%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(42, 7%, 38%)",
+      "tab_loading_inactive": "hsl(42, 7%, 38%)",
+      "frame": "hsl(45, 6%, 88%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(48, 10%, 10%)",
+      "popup_border": "hsl(48, 6%, 85%)",
+      "popup_highlight": "hsla(40, 7%, 73%, 0.4)",
+      "popup_highlight_text": "hsl(48, 10%, 10%)",
+      "toolbar": "hsl(30, 7%, 94%)",
+      "toolbar_text": "hsl(48, 10%, 10%)",
+      "toolbar_field": "hsl(45, 6%, 88%)",
+      "toolbar_field_text": "hsl(48, 10%, 10%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(45, 6%, 88%)",
+      "ntp_background": "hsl(60, 8%, 95%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(48, 10%, 10%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(48, 10%, 10%)",
+      "sidebar_highlight": "hsla(40, 7%, 73%, 0.4)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(30, 7%, 94%)",
+      "address_bar_box_text": "hsl(48, 10%, 10%)",
+      "address_bar_url_color": "hsl(42, 7%, 38%)",
+      "panel_item_hover": "hsla(40, 7%, 73%, 0.4)",
+      "panel_item_active": "hsla(40, 7%, 73%, 0.55)",
+      "panel_separator": "hsl(48, 6%, 85%)",
+      "icons_attention": "hsl(42, 7%, 38%)",
+      "toolbar_field_icons_attention": "hsl(42, 7%, 38%)",
+      "tab_attention_dot": "hsl(146, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(146, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/preview.svg
new file mode 100644
index 0000000000..dce730c57e
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(45, 6%, 88%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(48, 10%, 10%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(48, 10%, 10%)" />
+  <rect y="44" width="680" height="48" fill="hsl(30, 7%, 94%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(45, 6%, 88%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(48, 10%, 10%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/icon.svg
new file mode 100644
index 0000000000..08f3eaf469
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" gradientTransform="rotate(90)">
+      <stop stop-color="#F9DDE0"/>
+      <stop offset="1" stop-color="#E18995"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/manifest.json
new file mode 100644
index 0000000000..d744db57f3
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "foto-balanced-colorway@mozilla.org"
+    }
+  },
+  "name": "Foto – Balanced",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(349, 35%, 94%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(351, 37%, 40%)",
+      "tab_loading_inactive": "hsl(352, 56%, 84%)",
+      "frame": "hsl(351, 37%, 40%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(351, 44%, 63%)",
+      "popup_highlight": "hsla(350, 53%, 75%, 0.5)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(351, 37%, 47%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(349, 35%, 94%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 179, 244, 1)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(351, 37%, 40%)",
+      "ntp_background": "hsl(351, 37%, 80%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(350, 53%, 75%, 0.5)",
+      "address_bar_box": "hsl(351, 37%, 40%)",
+      "address_bar_box_hover": "hsla(351, 37%, 40%, 0.8)",
+      "address_bar_box_active": "hsla(351, 37%, 40%, 0.65)",
+      "address_bar_box_focus": "hsl(351, 37%, 47%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(351, 37%, 40%)",
+      "panel_item_hover": "hsla(350, 53%, 75%, 0.5)",
+      "panel_item_active": "hsla(350, 53%, 75%, 0.65)",
+      "panel_separator": "hsl(351, 44%, 63%)",
+      "icons_attention": "hsl(352, 56%, 84%)",
+      "toolbar_field_icons_attention": "hsl(351, 37%, 40%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/preview.svg
new file mode 100644
index 0000000000..1c43a6e67d
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(351, 37%, 40%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(349, 35%, 94%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(351, 37%, 47%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(349, 35%, 94%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/icon.svg
new file mode 100644
index 0000000000..b08be54e42
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(350, 32%, 30%)"/>
+      <stop offset="1" stop-color="hsl(351, 32%, 42%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/manifest.json
new file mode 100644
index 0000000000..91abfe5119
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "foto-bold-colorway@mozilla.org"
+    }
+  },
+  "name": "Foto – Bold",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 100%)",
+      "tab_selected": "hsl(351, 27%, 25%)",
+      "tab_line": "hsl(351, 31%, 52%)",
+      "tab_loading": "hsl(352, 56%, 84%)",
+      "tab_loading_inactive": "hsl(352, 56%, 84%)",
+      "frame": "hsl(350, 32%, 30%)",
+      "popup": "hsl(351, 27%, 25%)",
+      "popup_text": "hsl(0, 0%, 100%)",
+      "popup_border": "hsl(351, 32%, 46%)",
+      "popup_highlight": "hsla(351, 32%, 50%, 0.6)",
+      "popup_highlight_text": "hsl(0, 0%, 100%)",
+      "toolbar": "hsl(351, 32%, 42%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(350, 32%, 30%)",
+      "toolbar_field_text": "hsl(0, 0%, 100%)",
+      "toolbar_field_focus": "hsl(351, 27%, 25%)",
+      "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(350, 32%, 30%)",
+      "ntp_background": "hsl(350, 14%, 17%)",
+      "ntp_card_background": "hsl(351, 27%, 25%)",
+      "ntp_text": "hsl(0, 0%, 100%)",
+      "sidebar": "hsl(351, 27%, 25%)",
+      "sidebar_text": "hsl(0, 0%, 100%)",
+      "sidebar_highlight": "hsla(351, 32%, 50%, 0.6)",
+      "address_bar_box": "hsl(351, 27%, 25%)",
+      "address_bar_box_hover": "hsla(351, 27%, 25%, 0.8)",
+      "address_bar_box_active": "hsla(351, 27%, 25%, 0.65)",
+      "address_bar_box_focus": "hsl(351, 32%, 42%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(350, 57%, 90%)",
+      "panel_item_hover": "hsla(351, 32%, 50%, 0.6)",
+      "panel_item_active": "hsla(351, 32%, 50%, 0.75)",
+      "panel_separator": "hsl(351, 32%, 46%)",
+      "icons_attention": "hsl(352, 56%, 84%)",
+      "toolbar_field_icons_attention": "hsl(352, 56%, 84%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/preview.svg
new file mode 100644
index 0000000000..338672498f
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/preview.svg
@@ -0,0 +1,18 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(350, 32%, 30%)" />
+  <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(351, 27%, 25%)" stroke="hsl(351, 31%, 52%)" stroke-width="1.5" />
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(351, 32%, 42%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(350, 32%, 30%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/icon.svg
new file mode 100644
index 0000000000..9552e234f0
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(352, 56%, 84%)"/>
+      <stop offset="1" stop-color="hsl(351, 47%, 89%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/manifest.json
new file mode 100644
index 0000000000..e9f1edf319
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "foto-soft-colorway@mozilla.org"
+    }
+  },
+  "name": "Foto – Soft",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(351, 32%, 8%)",
+      "tab_text": "hsl(351, 32%, 8%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(351, 32%, 42%)",
+      "tab_loading_inactive": "hsl(351, 32%, 42%)",
+      "frame": "hsl(352, 56%, 84%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(351, 32%, 8%)",
+      "popup_border": "hsl(350, 61%, 88%)",
+      "popup_highlight": "hsla(351, 52%, 82%, 0.5)",
+      "popup_highlight_text": "hsl(351, 32%, 8%)",
+      "toolbar": "hsl(351, 47%, 89%)",
+      "toolbar_text": "hsl(351, 32%, 8%)",
+      "toolbar_field": "hsl(352, 56%, 84%)",
+      "toolbar_field_text": "hsl(351, 32%, 8%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(352, 56%, 84%)",
+      "ntp_background": "hsl(354, 33%, 94%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(351, 32%, 8%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(351, 32%, 8%)",
+      "sidebar_highlight": "hsla(351, 52%, 82%, 0.5)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(351, 47%, 89%)",
+      "address_bar_box_text": "hsl(351, 32%, 8%)",
+      "address_bar_url_color": "hsl(351, 37%, 40%)",
+      "panel_item_hover": "hsla(351, 52%, 82%, 0.5)",
+      "panel_item_active": "hsla(351, 52%, 82%, 0.65)",
+      "panel_separator": "hsl(350, 61%, 88%)",
+      "icons_attention": "hsl(351, 32%, 42%)",
+      "toolbar_field_icons_attention": "hsl(351, 32%, 42%)",
+      "tab_attention_dot": "hsl(146, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(146, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/preview.svg
new file mode 100644
index 0000000000..e21d5c9de8
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(352, 56%, 84%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(351, 32%, 8%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(351, 32%, 8%)" />
+  <rect y="44" width="680" height="48" fill="hsl(351, 47%, 89%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(352, 56%, 84%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(351, 32%, 8%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/icon.svg
new file mode 100644
index 0000000000..a6bb9c5a8b
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" gradientTransform="rotate(90)">
+      <stop stop-color="#EBD1FA"/>
+      <stop offset="1" stop-color="#A864CE"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/manifest.json
new file mode 100644
index 0000000000..b7d668485a
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "graffiti-balanced-colorway@mozilla.org"
+    }
+  },
+  "name": "Graffiti – Balanced",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(278, 31%, 95%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(278, 32%, 35%)",
+      "tab_loading_inactive": "hsl(279, 77%, 95%)",
+      "frame": "hsl(278, 33%, 40%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(278, 32%, 50%)",
+      "popup_highlight": "hsla(278, 80%, 78%, 0.4)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(279, 29%, 52%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(278, 31%, 95%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 179, 244, 1)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(278, 33%, 40%)",
+      "ntp_background": "hsl(277, 30%, 86%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(278, 80%, 78%, 0.4)",
+      "address_bar_box": "hsl(278, 33%, 40%)",
+      "address_bar_box_hover": "hsla(278, 33%, 40%, 0.8)",
+      "address_bar_box_active": "hsla(278, 33%, 40%, 0.65)",
+      "address_bar_box_focus": "hsl(279, 29%, 52%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(278, 32%, 35%)",
+      "panel_item_hover": "hsla(278, 80%, 78%, 0.4)",
+      "panel_item_active": "hsla(278, 80%, 78%, 0.55)",
+      "panel_separator": "hsl(278, 32%, 50%)",
+      "icons_attention": "hsl(279, 77%, 95%)",
+      "toolbar_field_icons_attention": "hsl(278, 32%, 35%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/preview.svg
new file mode 100644
index 0000000000..9aa245de3e
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(278, 33%, 40%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(278, 31%, 95%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(279, 29%, 52%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(278, 31%, 95%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/icon.svg
new file mode 100644
index 0000000000..764d072a09
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(279, 31%, 28%)"/>
+      <stop offset="1" stop-color="hsl(278, 27%, 40%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/manifest.json
new file mode 100644
index 0000000000..e56600702e
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "graffiti-bold-colorway@mozilla.org"
+    }
+  },
+  "name": "Graffiti – Bold",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 100%)",
+      "tab_selected": "hsl(275, 15%, 22%)",
+      "tab_line": "hsl(278, 32%, 50%)",
+      "tab_loading": "hsl(278, 79%, 85%)",
+      "tab_loading_inactive": "hsl(278, 79%, 85%)",
+      "frame": "hsl(279, 31%, 28%)",
+      "popup": "hsl(275, 15%, 22%)",
+      "popup_text": "hsl(0, 0%, 100%)",
+      "popup_border": "hsl(278, 30%, 42%)",
+      "popup_highlight": "hsla(278, 33%, 52%, 0.6)",
+      "popup_highlight_text": "hsl(0, 0%, 100%)",
+      "toolbar": "hsl(278, 27%, 40%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(279, 31%, 28%)",
+      "toolbar_field_text": "hsl(0, 0%, 100%)",
+      "toolbar_field_focus": "hsl(275, 15%, 22%)",
+      "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(279, 31%, 28%)",
+      "ntp_background": "hsl(270, 10%, 12%)",
+      "ntp_card_background": "hsl(275, 15%, 22%)",
+      "ntp_text": "hsl(0, 0%, 100%)",
+      "sidebar": "hsl(275, 15%, 22%)",
+      "sidebar_text": "hsl(0, 0%, 100%)",
+      "sidebar_highlight": "hsla(278, 33%, 52%, 0.6)",
+      "address_bar_box": "hsl(275, 15%, 22%)",
+      "address_bar_box_hover": "hsla(275, 15%, 22%, 0.8)",
+      "address_bar_box_active": "hsla(275, 15%, 22%, 0.65)",
+      "address_bar_box_focus": "hsl(278, 27%, 40%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(278, 80%, 88%)",
+      "panel_item_hover": "hsla(278, 33%, 52%, 0.6)",
+      "panel_item_active": "hsla(278, 33%, 52%, 0.75)",
+      "panel_separator": "hsl(278, 30%, 42%)",
+      "icons_attention": "hsl(278, 79%, 85%)",
+      "toolbar_field_icons_attention": "hsl(278, 79%, 85%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/preview.svg
new file mode 100644
index 0000000000..f1db86b92e
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/preview.svg
@@ -0,0 +1,18 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(279, 31%, 28%)" />
+  <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(275, 15%, 22%)" stroke="hsl(278, 32%, 50%)" stroke-width="1.5" />
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(278, 27%, 40%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(279, 31%, 28%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/icon.svg
new file mode 100644
index 0000000000..d50944e91a
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(278, 79%, 85%)"/>
+      <stop offset="1" stop-color="hsl(278, 80%, 91%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/manifest.json
new file mode 100644
index 0000000000..dba350671b
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "graffiti-soft-colorway@mozilla.org"
+    }
+  },
+  "name": "Graffiti – Soft",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(278, 22%, 10%)",
+      "tab_text": "hsl(278, 22%, 10%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(278, 33%, 44%)",
+      "tab_loading_inactive": "hsl(278, 33%, 44%)",
+      "frame": "hsl(278, 79%, 85%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(278, 22%, 10%)",
+      "popup_border": "hsl(278, 80%, 86%)",
+      "popup_highlight": "hsla(278, 80%, 78%, 0.4)",
+      "popup_highlight_text": "hsl(278, 22%, 10%)",
+      "toolbar": "hsl(278, 80%, 91%)",
+      "toolbar_text": "hsl(278, 22%, 10%)",
+      "toolbar_field": "hsl(278, 79%, 85%)",
+      "toolbar_field_text": "hsl(278, 22%, 10%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(278, 79%, 85%)",
+      "ntp_background": "hsl(279, 77%, 95%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(278, 22%, 10%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(278, 22%, 10%)",
+      "sidebar_highlight": "hsla(278, 80%, 78%, 0.4)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(278, 80%, 91%)",
+      "address_bar_box_text": "hsl(278, 22%, 10%)",
+      "address_bar_url_color": "hsl(278, 33%, 44%)",
+      "panel_item_hover": "hsla(278, 80%, 78%, 0.4)",
+      "panel_item_active": "hsla(278, 80%, 78%, 0.55)",
+      "panel_separator": "hsl(278, 80%, 86%)",
+      "icons_attention": "hsl(278, 33%, 44%)",
+      "toolbar_field_icons_attention": "hsl(278, 33%, 44%)",
+      "tab_attention_dot": "hsl(146, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(146, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/preview.svg
new file mode 100644
index 0000000000..ed76cdcce9
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(278, 79%, 85%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(278, 22%, 10%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(278, 22%, 10%)" />
+  <rect y="44" width="680" height="48" fill="hsl(278, 80%, 91%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(278, 79%, 85%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(278, 22%, 10%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/icon.svg
new file mode 100644
index 0000000000..4c06426349
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" gradientTransform="rotate(90)">
+      <stop stop-color="#B6D8C4"/>
+      <stop offset="1" stop-color="#609F7A"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/manifest.json
new file mode 100644
index 0000000000..c265b4ae87
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "lush-balanced-colorway@mozilla.org"
+    }
+  },
+  "name": "Lush – Balanced",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(120, 7%, 94%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(138, 16%, 32%)",
+      "tab_loading_inactive": "hsl(147, 25%, 86%)",
+      "frame": "hsl(144, 16%, 30%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(145, 25%, 50%)",
+      "popup_highlight": "hsla(145, 36%, 40%, 0.3)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(146, 15%, 36%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(120, 7%, 94%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 179, 244, 1)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(144, 16%, 30%)",
+      "ntp_background": "hsl(140, 10%, 82%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(145, 36%, 40%, 0.3)",
+      "address_bar_box": "hsl(144, 16%, 30%)",
+      "address_bar_box_hover": "hsla(144, 16%, 30%, 0.8)",
+      "address_bar_box_active": "hsla(144, 16%, 30%, 0.65)",
+      "address_bar_box_focus": "hsl(146, 15%, 36%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(138, 16%, 32%)",
+      "panel_item_hover": "hsla(145, 36%, 40%, 0.3)",
+      "panel_item_active": "hsla(145, 36%, 40%, 0.45)",
+      "panel_separator": "hsl(145, 25%, 50%)",
+      "icons_attention": "hsl(147, 25%, 86%)",
+      "toolbar_field_icons_attention": "hsl(138, 16%, 32%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/preview.svg
new file mode 100644
index 0000000000..3bfe84c75f
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(144, 16%, 30%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(120, 7%, 94%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(146, 15%, 36%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(120, 7%, 94%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/icon.svg
new file mode 100644
index 0000000000..9c2c88dd7b
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(139, 16%, 30%)"/>
+      <stop offset="1" stop-color="hsl(139, 15%, 42%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/manifest.json
new file mode 100644
index 0000000000..dd4011023d
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "lush-bold-colorway@mozilla.org"
+    }
+  },
+  "name": "Lush – Bold",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 100%)",
+      "tab_selected": "hsl(140, 2%, 28%)",
+      "tab_line": "hsl(139, 8%, 48%)",
+      "tab_loading": "hsl(146, 44%, 86%)",
+      "tab_loading_inactive": "hsl(146, 44%, 86%)",
+      "frame": "hsl(139, 16%, 30%)",
+      "popup": "hsl(140, 2%, 28%)",
+      "popup_text": "hsl(0, 0%, 100%)",
+      "popup_border": "hsl(140, 10%, 35%)",
+      "popup_highlight": "hsla(137, 18%, 50%, 0.42)",
+      "popup_highlight_text": "hsl(0, 0%, 100%)",
+      "toolbar": "hsl(139, 15%, 42%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(139, 16%, 30%)",
+      "toolbar_field_text": "hsl(0, 0%, 100%)",
+      "toolbar_field_focus": "hsl(140, 2%, 28%)",
+      "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(139, 16%, 30%)",
+      "ntp_background": "hsl(150, 2%, 20%)",
+      "ntp_card_background": "hsl(140, 2%, 28%)",
+      "ntp_text": "hsl(0, 0%, 100%)",
+      "sidebar": "hsl(140, 2%, 28%)",
+      "sidebar_text": "hsl(0, 0%, 100%)",
+      "sidebar_highlight": "hsla(137, 18%, 50%, 0.42)",
+      "address_bar_box": "hsl(140, 2%, 28%)",
+      "address_bar_box_hover": "hsla(140, 2%, 28%, 0.8)",
+      "address_bar_box_active": "hsla(140, 2%, 28%, 0.65)",
+      "address_bar_box_focus": "hsl(139, 15%, 42%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(146, 44%, 86%)",
+      "panel_item_hover": "hsla(137, 18%, 50%, 0.42)",
+      "panel_item_active": "hsla(137, 18%, 50%, 0.57)",
+      "panel_separator": "hsl(140, 10%, 35%)",
+      "icons_attention": "hsl(146, 44%, 86%)",
+      "toolbar_field_icons_attention": "hsl(146, 44%, 86%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/preview.svg
new file mode 100644
index 0000000000..83af350291
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/preview.svg
@@ -0,0 +1,18 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(139, 16%, 30%)" />
+  <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(140, 2%, 28%)" stroke="hsl(139, 8%, 48%)" stroke-width="1.5" />
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(139, 15%, 42%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(139, 16%, 30%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/icon.svg
new file mode 100644
index 0000000000..79cf4d5bb7
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(147, 25%, 86%)"/>
+      <stop offset="1" stop-color="hsl(140, 26%, 93%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/manifest.json
new file mode 100644
index 0000000000..1f4ef55c98
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "lush-soft-colorway@mozilla.org"
+    }
+  },
+  "name": "Lush – Soft",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(150, 6%, 20%)",
+      "tab_text": "hsl(150, 6%, 20%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(145, 24%, 32%)",
+      "tab_loading_inactive": "hsl(145, 24%, 32%)",
+      "frame": "hsl(147, 25%, 86%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(150, 6%, 20%)",
+      "popup_border": "hsl(144, 25%, 88%)",
+      "popup_highlight": "hsla(143, 25%, 86%, 0.7)",
+      "popup_highlight_text": "hsl(150, 6%, 20%)",
+      "toolbar": "hsl(140, 26%, 93%)",
+      "toolbar_text": "hsl(150, 6%, 20%)",
+      "toolbar_field": "hsl(147, 25%, 86%)",
+      "toolbar_field_text": "hsl(150, 6%, 20%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(147, 25%, 86%)",
+      "ntp_background": "hsl(150, 25%, 97%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(150, 6%, 20%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(150, 6%, 20%)",
+      "sidebar_highlight": "hsla(143, 25%, 86%, 0.7)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(140, 26%, 93%)",
+      "address_bar_box_text": "hsl(150, 6%, 20%)",
+      "address_bar_url_color": "hsl(145, 24%, 32%)",
+      "panel_item_hover": "hsla(143, 25%, 86%, 0.7)",
+      "panel_item_active": "hsla(143, 25%, 86%, 0.85)",
+      "panel_separator": "hsl(144, 25%, 88%)",
+      "icons_attention": "hsl(145, 24%, 32%)",
+      "toolbar_field_icons_attention": "hsl(145, 24%, 32%)",
+      "tab_attention_dot": "hsl(146, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(146, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/preview.svg
new file mode 100644
index 0000000000..611339319e
--- /dev/null
+++ b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(147, 25%, 86%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(150, 6%, 20%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(150, 6%, 20%)" />
+  <rect y="44" width="680" height="48" fill="hsl(140, 26%, 93%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(147, 25%, 86%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(150, 6%, 20%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/icon.svg
new file mode 100644
index 0000000000..1422130dc6
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(220, 72%, 28%)"/>
+      <stop offset="1" stop-color="hsl(220, 49%, 48%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/manifest.json
new file mode 100644
index 0000000000..4c75d2fab5
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/manifest.json
@@ -0,0 +1,78 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "activist-balanced-colorway@mozilla.org"
+    }
+  },
+  "name": "Activist – Balanced",
+  "author": "Mozilla",
+  "version": "1.1.2",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "properties": {
+      "color_scheme": "light",
+      "content_color_scheme": "auto"
+    },
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(223, 100%, 99%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(0, 0%, 0%)",
+      "tab_loading_inactive": "hsl(0, 0%, 0%)",
+      "frame": "hsl(220, 72%, 28%)",
+      "popup": "hsl(228, 100%, 99%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(220, 58%, 39%)",
+      "popup_highlight": "hsla(220, 54%, 80%, 0.3)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(220, 49%, 48%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(223, 100%, 99%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(228, 100%, 99%)",
+      "toolbar_field_border_focus": "rgba(0, 179, 244, 1)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(220, 72%, 28%)",
+      "ntp_background": "hsl(221, 63%, 87%)",
+      "ntp_card_background": "hsl(228, 100%, 99%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(228, 100%, 99%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(220, 54%, 80%, 0.3)",
+      "address_bar_box": "hsl(220, 72%, 28%)",
+      "address_bar_box_hover": "hsla(220, 72%, 28%, 0.8)",
+      "address_bar_box_active": "hsla(220, 72%, 28%, 0.65)",
+      "address_bar_box_focus": "hsl(220, 49%, 48%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(220, 76%, 31%)",
+      "panel_item_hover": "hsla(220, 54%, 80%, 0.3)",
+      "panel_item_active": "hsla(220, 54%, 80%, 0.45)",
+      "panel_separator": "hsl(220, 58%, 39%)",
+      "icons_attention": "hsl(0, 0%, 0%)",
+      "toolbar_field_icons_attention": "hsl(0, 0%, 0%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/preview.svg
new file mode 100644
index 0000000000..9ebc168c7e
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(220, 72%, 28%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(223, 100%, 99%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(220, 49%, 48%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(223, 100%, 99%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/activist/bold/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/activist/bold/icon.svg
new file mode 100644
index 0000000000..37eee3b21e
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/activist/bold/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(233, 73%, 12%)"/>
+      <stop offset="1" stop-color="hsl(234, 90%, 19%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/activist/bold/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/activist/bold/manifest.json
new file mode 100644
index 0000000000..d3404ca9a5
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/activist/bold/manifest.json
@@ -0,0 +1,74 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "activist-bold-colorway@mozilla.org"
+    }
+  },
+  "name": "Activist – Bold",
+  "author": "Mozilla",
+  "version": "1.1.2",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 100%)",
+      "tab_selected": "hsl(220, 79%, 11%)",
+      "tab_line": "hsl(220, 54%, 67%)",
+      "tab_loading": "hsl(220, 70%, 78%)",
+      "tab_loading_inactive": "hsl(220, 70%, 78%)",
+      "frame": "hsl(233, 73%, 12%)",
+      "popup": "hsl(220, 79%, 11%)",
+      "popup_text": "hsl(0, 0%, 100%)",
+      "popup_border": "hsl(220, 69%, 66%)",
+      "popup_highlight": "hsla(220, 89%, 69%, 0.2)",
+      "popup_highlight_text": "hsl(0, 0%, 100%)",
+      "toolbar": "hsl(234, 90%, 19%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(233, 73%, 12%)",
+      "toolbar_field_text": "hsl(0, 0%, 100%)",
+      "toolbar_field_focus": "hsl(220, 79%, 11%)",
+      "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(233, 73%, 12%)",
+      "ntp_background": "hsl(222, 100%, 3%)",
+      "ntp_card_background": "hsl(220, 79%, 11%)",
+      "ntp_text": "hsl(0, 0%, 100%)",
+      "sidebar": "hsl(220, 79%, 11%)",
+      "sidebar_text": "hsl(0, 0%, 100%)",
+      "sidebar_highlight": "hsla(220, 89%, 69%, 0.2)",
+      "address_bar_box": "hsl(220, 79%, 11%)",
+      "address_bar_box_active": "hsla(220, 79%, 11%, 0.65)",
+      "address_bar_box_focus": "hsl(234, 90%, 19%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(219, 37%, 59%)",
+      "panel_item_hover": "hsla(220, 89%, 69%, 0.2)",
+      "panel_item_active": "hsla(220, 89%, 69%, 0.35)",
+      "panel_separator": "hsl(220, 69%, 66%)",
+      "icons_attention": "hsl(220, 70%, 78%)",
+      "toolbar_field_icons_attention": "hsl(220, 70%, 78%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/activist/bold/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/activist/bold/preview.svg
new file mode 100644
index 0000000000..cf1f18c9b1
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/activist/bold/preview.svg
@@ -0,0 +1,18 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(233, 73%, 12%)" />
+  <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(220, 79%, 11%)" stroke="hsl(220, 54%, 67%)" stroke-width="1.5" />
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(234, 90%, 19%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(233, 73%, 12%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/activist/soft/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/activist/soft/icon.svg
new file mode 100644
index 0000000000..403f3e5dfd
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/activist/soft/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(226, 45%, 79%)"/>
+      <stop offset="1" stop-color="hsl(227, 47%, 90%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/activist/soft/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/activist/soft/manifest.json
new file mode 100644
index 0000000000..05753ccc52
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/activist/soft/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "activist-soft-colorway@mozilla.org"
+    }
+  },
+  "name": "Activist – Soft",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 0%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(227, 91%, 41%)",
+      "tab_loading_inactive": "hsl(227, 91%, 41%)",
+      "frame": "hsl(226, 45%, 79%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(226, 54%, 56%)",
+      "popup_highlight": "hsla(226, 54%, 56%, 0.3)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(227, 47%, 90%)",
+      "toolbar_text": "hsl(0, 0%, 0%)",
+      "toolbar_field": "hsl(226, 45%, 79%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(226, 45%, 79%)",
+      "ntp_background": "hsl(226, 68%, 96%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(226, 54%, 56%, 0.3)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(227, 47%, 90%)",
+      "address_bar_box_text": "hsl(0, 0%, 0%)",
+      "address_bar_url_color": "hsl(226, 67%, 37%)",
+      "panel_item_hover": "hsla(226, 54%, 56%, 0.3)",
+      "panel_item_active": "hsla(226, 54%, 56%, 0.45)",
+      "panel_separator": "hsl(226, 54%, 56%)",
+      "icons_attention": "hsl(227, 91%, 41%)",
+      "toolbar_field_icons_attention": "hsl(227, 91%, 41%)",
+      "tab_attention_dot": "hsl(146, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(146, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/activist/soft/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/activist/soft/preview.svg
new file mode 100644
index 0000000000..d8756b95ad
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/activist/soft/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(226, 45%, 79%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect y="44" width="680" height="48" fill="hsl(227, 47%, 90%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(226, 45%, 79%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/icon.svg
new file mode 100644
index 0000000000..4e70d68e8b
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(266, 39%, 35%)"/>
+      <stop offset="1" stop-color="hsl(265, 34%, 47%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/manifest.json
new file mode 100644
index 0000000000..8c6a583464
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/manifest.json
@@ -0,0 +1,78 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "dreamer-balanced-colorway@mozilla.org"
+    }
+  },
+  "name": "Dreamer – Balanced",
+  "author": "Mozilla",
+  "version": "1.1.2",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "properties": {
+      "color_scheme": "light",
+      "content_color_scheme": "auto"
+    },
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(277, 31%, 95%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(0, 0%, 0%)",
+      "tab_loading_inactive": "hsl(0, 0%, 0%)",
+      "frame": "hsl(266, 39%, 35%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(266, 66%, 24%)",
+      "popup_highlight": "hsla(264, 43%, 85%, 0.3)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(265, 34%, 47%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(277, 31%, 95%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 179, 244, 1)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(266, 39%, 35%)",
+      "ntp_background": "hsl(263, 59%, 91%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(264, 43%, 85%, 0.3)",
+      "address_bar_box": "hsl(266, 39%, 35%)",
+      "address_bar_box_hover": "hsla(266, 39%, 35%, 0.8)",
+      "address_bar_box_active": "hsla(266, 39%, 35%, 0.65)",
+      "address_bar_box_focus": "hsl(265, 34%, 47%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(266, 39%, 35%)",
+      "panel_item_hover": "hsla(264, 43%, 85%, 0.3)",
+      "panel_item_active": "hsla(264, 43%, 85%, 0.45)",
+      "panel_separator": "hsl(266, 66%, 24%)",
+      "icons_attention": "hsl(0, 0%, 0%)",
+      "toolbar_field_icons_attention": "hsl(0, 0%, 0%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/preview.svg
new file mode 100644
index 0000000000..c0277ca6a3
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(266, 39%, 35%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(277, 31%, 95%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(265, 34%, 47%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(277, 31%, 95%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/icon.svg
new file mode 100644
index 0000000000..ffcb472f42
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(266, 68%, 20%)"/>
+      <stop offset="1" stop-color="hsl(265, 45%, 29%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/manifest.json
new file mode 100644
index 0000000000..2d7b867562
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/manifest.json
@@ -0,0 +1,74 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "dreamer-bold-colorway@mozilla.org"
+    }
+  },
+  "name": "Dreamer – Bold",
+  "author": "Mozilla",
+  "version": "1.1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 100%)",
+      "tab_selected": "hsl(267, 54%, 15%)",
+      "tab_line": "hsl(266, 49%, 45%)",
+      "tab_loading": "hsl(266, 83%, 81%)",
+      "tab_loading_inactive": "hsl(266, 83%, 81%)",
+      "frame": "hsl(266, 68%, 20%)",
+      "popup": "hsl(267, 54%, 15%)",
+      "popup_text": "hsl(0, 0%, 100%)",
+      "popup_border": "hsl(266, 60%, 67%)",
+      "popup_highlight": "hsla(266, 39%, 35%, 0.6)",
+      "popup_highlight_text": "hsl(0, 0%, 100%)",
+      "toolbar": "hsl(265, 45%, 29%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(266, 68%, 20%)",
+      "toolbar_field_text": "hsl(0, 0%, 100%)",
+      "toolbar_field_focus": "hsl(267, 54%, 15%)",
+      "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(266, 68%, 20%)",
+      "ntp_background": "hsl(256, 100%, 4%)",
+      "ntp_card_background": "hsl(267, 54%, 15%)",
+      "ntp_text": "hsl(0, 0%, 100%)",
+      "sidebar": "hsl(267, 54%, 15%)",
+      "sidebar_text": "hsl(0, 0%, 100%)",
+      "sidebar_highlight": "hsla(266, 39%, 35%, 0.6)",
+      "address_bar_box": "hsl(267, 54%, 15%)",
+      "address_bar_box_active": "hsla(267, 54%, 15%, 0.65)",
+      "address_bar_box_focus": "hsl(265, 45%, 29%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(266, 72%, 82%)",
+      "panel_item_hover": "hsla(266, 39%, 35%, 0.6)",
+      "panel_item_active": "hsla(266, 39%, 35%, 0.75)",
+      "panel_separator": "hsl(266, 60%, 67%)",
+      "icons_attention": "hsl(266, 83%, 81%)",
+      "toolbar_field_icons_attention": "hsl(266, 83%, 81%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/preview.svg
new file mode 100644
index 0000000000..c172daef44
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/preview.svg
@@ -0,0 +1,18 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(266, 68%, 20%)" />
+  <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(267, 54%, 15%)" stroke="hsl(266, 49%, 45%)" stroke-width="1.5" />
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(265, 45%, 29%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(266, 68%, 20%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/icon.svg
new file mode 100644
index 0000000000..f4f3e0c2c8
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(258, 49%, 84%)"/>
+      <stop offset="1" stop-color="hsl(259, 69%, 94%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/manifest.json
new file mode 100644
index 0000000000..350b354405
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "dreamer-soft-colorway@mozilla.org"
+    }
+  },
+  "name": "Dreamer – Soft",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(278, 22%, 10%)",
+      "tab_text": "hsl(278, 22%, 10%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(278, 49%, 35%)",
+      "tab_loading_inactive": "hsl(278, 49%, 35%)",
+      "frame": "hsl(258, 49%, 84%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(278, 22%, 10%)",
+      "popup_border": "hsl(258, 72%, 43%)",
+      "popup_highlight": "hsla(259, 56%, 79%, 0.3)",
+      "popup_highlight_text": "hsl(278, 22%, 10%)",
+      "toolbar": "hsl(259, 69%, 94%)",
+      "toolbar_text": "hsl(278, 22%, 10%)",
+      "toolbar_field": "hsl(258, 49%, 84%)",
+      "toolbar_field_text": "hsl(278, 22%, 10%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(258, 49%, 84%)",
+      "ntp_background": "hsl(258, 76%, 97%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(278, 22%, 10%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(278, 22%, 10%)",
+      "sidebar_highlight": "hsla(259, 56%, 79%, 0.3)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(259, 69%, 94%)",
+      "address_bar_box_text": "hsl(278, 22%, 10%)",
+      "address_bar_url_color": "hsl(258, 46%, 46%)",
+      "panel_item_hover": "hsla(259, 56%, 79%, 0.3)",
+      "panel_item_active": "hsla(259, 56%, 79%, 0.45)",
+      "panel_separator": "hsl(258, 72%, 43%)",
+      "icons_attention": "hsl(278, 49%, 35%)",
+      "toolbar_field_icons_attention": "hsl(278, 49%, 35%)",
+      "tab_attention_dot": "hsl(146, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(146, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/preview.svg
new file mode 100644
index 0000000000..f801303d7d
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(258, 49%, 84%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(278, 22%, 10%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(278, 22%, 10%)" />
+  <rect y="44" width="680" height="48" fill="hsl(259, 69%, 94%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(258, 49%, 84%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(278, 22%, 10%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/icon.svg
new file mode 100644
index 0000000000..28974b9b4b
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(45, 85%, 63%)"/>
+      <stop offset="1" stop-color="hsl(45, 93%, 77%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/manifest.json
new file mode 100644
index 0000000000..17eac4aa7f
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "expressionist-balanced-colorway@mozilla.org"
+    }
+  },
+  "name": "Expressionist – Balanced",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 0%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(46, 91%, 95%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(0, 0%, 0%)",
+      "tab_loading_inactive": "hsl(0, 0%, 0%)",
+      "frame": "hsl(45, 85%, 63%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(33, 91%, 27%)",
+      "popup_highlight": "hsla(45, 85%, 63%, 0.2)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(45, 93%, 77%)",
+      "toolbar_text": "hsl(0, 0%, 0%)",
+      "toolbar_field": "hsl(46, 91%, 95%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 179, 244, 1)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(45, 85%, 63%)",
+      "ntp_background": "hsl(46, 94%, 94%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(45, 85%, 63%, 0.2)",
+      "address_bar_box": "hsl(45, 85%, 63%)",
+      "address_bar_box_hover": "hsla(45, 85%, 63%, 0.8)",
+      "address_bar_box_active": "hsla(45, 85%, 63%, 0.65)",
+      "address_bar_box_focus": "hsl(45, 93%, 77%)",
+      "address_bar_box_text": "hsl(0, 0%, 0%)",
+      "address_bar_url_color": "hsl(33, 91%, 27%)",
+      "panel_item_hover": "hsla(45, 85%, 63%, 0.2)",
+      "panel_item_active": "hsla(45, 85%, 63%, 0.35)",
+      "panel_separator": "hsl(33, 91%, 27%)",
+      "icons_attention": "hsl(0, 0%, 0%)",
+      "toolbar_field_icons_attention": "hsl(0, 0%, 0%)",
+      "tab_attention_dot": "hsl(146, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(146, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/preview.svg
new file mode 100644
index 0000000000..8d0bb43756
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(45, 85%, 63%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(46, 91%, 95%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect y="44" width="680" height="48" fill="hsl(45, 93%, 77%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(46, 91%, 95%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/icon.svg
new file mode 100644
index 0000000000..bd6d7f390f
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(45, 95%, 17%)"/>
+      <stop offset="1" stop-color="hsl(45, 89%, 25%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/manifest.json
new file mode 100644
index 0000000000..514463473c
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "expressionist-bold-colorway@mozilla.org"
+    }
+  },
+  "name": "Expressionist – Bold",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 100%)",
+      "tab_selected": "hsl(47, 95%, 8%)",
+      "tab_line": "hsl(45, 86%, 83%)",
+      "tab_loading": "hsl(45, 68%, 66%)",
+      "tab_loading_inactive": "hsl(45, 68%, 66%)",
+      "frame": "hsl(45, 95%, 17%)",
+      "popup": "hsl(47, 95%, 8%)",
+      "popup_text": "hsl(0, 0%, 100%)",
+      "popup_border": "hsl(45, 49%, 77%)",
+      "popup_highlight": "hsla(45, 87%, 47%, 0.2)",
+      "popup_highlight_text": "hsl(0, 0%, 100%)",
+      "toolbar": "hsl(45, 89%, 25%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(45, 95%, 17%)",
+      "toolbar_field_text": "hsl(0, 0%, 100%)",
+      "toolbar_field_focus": "hsl(47, 95%, 8%)",
+      "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(45, 95%, 17%)",
+      "ntp_background": "hsl(46, 68%, 4%)",
+      "ntp_card_background": "hsl(47, 95%, 8%)",
+      "ntp_text": "hsl(0, 0%, 100%)",
+      "sidebar": "hsl(47, 95%, 8%)",
+      "sidebar_text": "hsl(0, 0%, 100%)",
+      "sidebar_highlight": "hsla(45, 87%, 47%, 0.2)",
+      "address_bar_box": "hsl(47, 95%, 8%)",
+      "address_bar_box_hover": "hsla(47, 95%, 8%, 0.8)",
+      "address_bar_box_active": "hsla(47, 95%, 8%, 0.65)",
+      "address_bar_box_focus": "hsl(45, 89%, 25%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(45, 78%, 82%)",
+      "panel_item_hover": "hsla(45, 87%, 47%, 0.2)",
+      "panel_item_active": "hsla(45, 87%, 47%, 0.35)",
+      "panel_separator": "hsl(45, 49%, 77%)",
+      "icons_attention": "hsl(45, 68%, 66%)",
+      "toolbar_field_icons_attention": "hsl(45, 68%, 66%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/preview.svg
new file mode 100644
index 0000000000..e26a8edcf0
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/preview.svg
@@ -0,0 +1,18 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(45, 95%, 17%)" />
+  <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(47, 95%, 8%)" stroke="hsl(45, 86%, 83%)" stroke-width="1.5" />
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(45, 89%, 25%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(45, 95%, 17%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/icon.svg
new file mode 100644
index 0000000000..a97d148a37
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(45, 76%, 85%)"/>
+      <stop offset="1" stop-color="hsl(46, 94%, 94%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/manifest.json
new file mode 100644
index 0000000000..de192b05df
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "expressionist-soft-colorway@mozilla.org"
+    }
+  },
+  "name": "Expressionist – Soft",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(30, 5%, 8%)",
+      "tab_text": "hsl(30, 5%, 8%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(33, 74%, 29%)",
+      "tab_loading_inactive": "hsl(33, 74%, 29%)",
+      "frame": "hsl(45, 76%, 85%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(30, 5%, 8%)",
+      "popup_border": "hsl(45, 91%, 30%)",
+      "popup_highlight": "hsla(40, 90%, 50%, 0.2)",
+      "popup_highlight_text": "hsl(30, 5%, 8%)",
+      "toolbar": "hsl(46, 94%, 94%)",
+      "toolbar_text": "hsl(30, 5%, 8%)",
+      "toolbar_field": "hsl(45, 76%, 85%)",
+      "toolbar_field_text": "hsl(30, 5%, 8%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(45, 76%, 85%)",
+      "ntp_background": "hsl(44, 100%, 97%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(30, 5%, 8%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(30, 5%, 8%)",
+      "sidebar_highlight": "hsla(40, 90%, 50%, 0.2)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(46, 94%, 94%)",
+      "address_bar_box_text": "hsl(30, 5%, 8%)",
+      "address_bar_url_color": "hsl(33, 86%, 23%)",
+      "panel_item_hover": "hsla(40, 90%, 50%, 0.2)",
+      "panel_item_active": "hsla(40, 90%, 50%, 0.35)",
+      "panel_separator": "hsl(45, 91%, 30%)",
+      "icons_attention": "hsl(33, 74%, 29%)",
+      "toolbar_field_icons_attention": "hsl(33, 74%, 29%)",
+      "tab_attention_dot": "hsl(146, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(146, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/preview.svg
new file mode 100644
index 0000000000..9eb3ddf051
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(45, 76%, 85%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(30, 5%, 8%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(30, 5%, 8%)" />
+  <rect y="44" width="680" height="48" fill="hsl(46, 94%, 94%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(45, 76%, 85%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(30, 5%, 8%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/icon.svg
new file mode 100644
index 0000000000..29a6895ca7
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(14, 94%, 55%)"/>
+      <stop offset="1" stop-color="hsl(14, 93%, 83%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/manifest.json
new file mode 100644
index 0000000000..b47d0dcbd5
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "innovator-balanced-colorway@mozilla.org"
+    }
+  },
+  "name": "Innovator – Balanced",
+  "author": "Mozilla",
+  "version": "1.1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(12, 100%, 91%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(0, 0%, 0%)",
+      "tab_loading_inactive": "hsl(0, 0%, 0%)",
+      "frame": "hsl(14, 94%, 55%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(10, 92%, 33%)",
+      "popup_highlight": "hsla(17, 89%, 79%, 0.3)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(14, 93%, 83%)",
+      "toolbar_text": "hsl(0, 0%, 0%)",
+      "toolbar_field": "hsl(12, 100%, 91%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 179, 244, 1)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(14, 94%, 55%)",
+      "ntp_background": "hsl(11, 100%, 90%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(17, 89%, 79%, 0.3)",
+      "address_bar_box": "hsl(14, 94%, 55%)",
+      "address_bar_box_hover": "hsla(14, 94%, 55%, 0.8)",
+      "address_bar_box_active": "hsla(14, 94%, 55%, 0.65)",
+      "address_bar_box_focus": "hsl(14, 93%, 83%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(10, 86%, 40%)",
+      "panel_item_hover": "hsla(17, 89%, 79%, 0.3)",
+      "panel_item_active": "hsla(17, 89%, 79%, 0.45)",
+      "panel_separator": "hsl(10, 92%, 33%)",
+      "icons_attention": "hsl(0, 0%, 0%)",
+      "toolbar_field_icons_attention": "hsl(0, 0%, 0%)",
+      "tab_attention_dot": "hsl(146, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(146, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/preview.svg
new file mode 100644
index 0000000000..292ad647a2
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(14, 94%, 55%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(12, 100%, 91%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(14, 93%, 83%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(12, 100%, 91%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/innovator/bold/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/innovator/bold/icon.svg
new file mode 100644
index 0000000000..3c96b19dd2
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/bold/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(10, 89%, 18%)"/>
+      <stop offset="1" stop-color="hsl(11, 87%, 32%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/innovator/bold/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/innovator/bold/manifest.json
new file mode 100644
index 0000000000..395405b791
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/bold/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "innovator-bold-colorway@mozilla.org"
+    }
+  },
+  "name": "Innovator – Bold",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 100%)",
+      "tab_selected": "hsl(11, 96%, 10%)",
+      "tab_line": "hsl(10, 93%, 89%)",
+      "tab_loading": "hsl(11, 88%, 90%)",
+      "tab_loading_inactive": "hsl(11, 88%, 90%)",
+      "frame": "hsl(10, 89%, 18%)",
+      "popup": "hsl(11, 96%, 10%)",
+      "popup_text": "hsl(0, 0%, 100%)",
+      "popup_border": "hsl(10, 60%, 68%)",
+      "popup_highlight": "hsla(10, 85%, 36%, 0.3)",
+      "popup_highlight_text": "hsl(0, 0%, 100%)",
+      "toolbar": "hsl(11, 87%, 32%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(10, 89%, 18%)",
+      "toolbar_field_text": "hsl(0, 0%, 100%)",
+      "toolbar_field_focus": "hsl(11, 96%, 10%)",
+      "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(10, 89%, 18%)",
+      "ntp_background": "hsl(10, 100%, 1%)",
+      "ntp_card_background": "hsl(11, 96%, 10%)",
+      "ntp_text": "hsl(0, 0%, 100%)",
+      "sidebar": "hsl(11, 96%, 10%)",
+      "sidebar_text": "hsl(0, 0%, 100%)",
+      "sidebar_highlight": "hsla(10, 85%, 36%, 0.3)",
+      "address_bar_box": "hsl(11, 96%, 10%)",
+      "address_bar_box_hover": "hsla(11, 96%, 10%, 0.8)",
+      "address_bar_box_active": "hsla(11, 96%, 10%, 0.65)",
+      "address_bar_box_focus": "hsl(11, 87%, 32%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(350, 57%, 90%)",
+      "panel_item_hover": "hsla(10, 85%, 36%, 0.3)",
+      "panel_item_active": "hsla(10, 85%, 36%, 0.45)",
+      "panel_separator": "hsl(10, 60%, 68%)",
+      "icons_attention": "hsl(11, 88%, 90%)",
+      "toolbar_field_icons_attention": "hsl(11, 88%, 90%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/innovator/bold/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/innovator/bold/preview.svg
new file mode 100644
index 0000000000..fdb79fe84d
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/bold/preview.svg
@@ -0,0 +1,18 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(10, 89%, 18%)" />
+  <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(11, 96%, 10%)" stroke="hsl(10, 93%, 89%)" stroke-width="1.5" />
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(11, 87%, 32%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(10, 89%, 18%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/innovator/soft/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/innovator/soft/icon.svg
new file mode 100644
index 0000000000..6df542ae42
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/soft/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(14, 81%, 81%)"/>
+      <stop offset="1" stop-color="hsl(14, 64%, 87%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/innovator/soft/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/innovator/soft/manifest.json
new file mode 100644
index 0000000000..df0e55a309
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/soft/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "innovator-soft-colorway@mozilla.org"
+    }
+  },
+  "name": "Innovator – Soft",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(351, 32%, 8%)",
+      "tab_text": "hsl(351, 32%, 8%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(14, 89%, 28%)",
+      "tab_loading_inactive": "hsl(14, 89%, 28%)",
+      "frame": "hsl(14, 81%, 81%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(351, 32%, 8%)",
+      "popup_border": "hsl(14, 93%, 36%)",
+      "popup_highlight": "hsla(14, 83%, 76%, 0.4)",
+      "popup_highlight_text": "hsl(351, 32%, 8%)",
+      "toolbar": "hsl(14, 64%, 87%)",
+      "toolbar_text": "hsl(351, 32%, 8%)",
+      "toolbar_field": "hsl(14, 81%, 81%)",
+      "toolbar_field_text": "hsl(351, 32%, 8%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(14, 81%, 81%)",
+      "ntp_background": "hsl(14, 84%, 95%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(351, 32%, 8%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(351, 32%, 8%)",
+      "sidebar_highlight": "hsla(14, 83%, 76%, 0.4)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(14, 64%, 87%)",
+      "address_bar_box_text": "hsl(351, 32%, 8%)",
+      "address_bar_url_color": "hsl(14, 86%, 41%)",
+      "panel_item_hover": "hsla(14, 83%, 76%, 0.4)",
+      "panel_item_active": "hsla(14, 83%, 76%, 0.55)",
+      "panel_separator": "hsl(14, 93%, 36%)",
+      "icons_attention": "hsl(14, 89%, 28%)",
+      "toolbar_field_icons_attention": "hsl(14, 89%, 28%)",
+      "tab_attention_dot": "hsl(146, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(146, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/innovator/soft/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/innovator/soft/preview.svg
new file mode 100644
index 0000000000..fd076d525e
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/soft/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(14, 81%, 81%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(351, 32%, 8%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(351, 32%, 8%)" />
+  <rect y="44" width="680" height="48" fill="hsl(14, 64%, 87%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(14, 81%, 81%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(351, 32%, 8%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/icon.svg
new file mode 100644
index 0000000000..dec120e11f
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(354, 71%, 43%)"/>
+      <stop offset="1" stop-color="hsl(354, 80%, 69%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/manifest.json
new file mode 100644
index 0000000000..0ef95e6f04
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/manifest.json
@@ -0,0 +1,74 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "playmaker-balanced-colorway@mozilla.org"
+    }
+  },
+  "name": "Playmaker – Balanced",
+  "author": "Mozilla",
+  "version": "1.1.2",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(352, 65%, 95%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(0, 0%, 0%)",
+      "tab_loading_inactive": "hsl(0, 0%, 0%)",
+      "frame": "hsl(354, 71%, 43%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(354, 87%, 36%)",
+      "popup_highlight": "hsla(355, 62%, 75%, 0.3)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(354, 80%, 69%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(352, 65%, 95%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 179, 244, 1)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(354, 71%, 43%)",
+      "ntp_background": "hsl(355, 73%, 91%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(355, 62%, 75%, 0.3)",
+      "address_bar_box": "hsl(354, 71%, 43%)",
+      "address_bar_box_hover": "hsla(354, 71%, 43%, 0.8)",
+      "address_bar_box_active": "hsla(354, 71%, 43%, 0.65)",
+      "address_bar_box_focus": "hsl(354, 80%, 69%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(354, 79%, 40%)",
+      "panel_item_hover": "hsla(355, 62%, 75%, 0.3)",
+      "panel_item_active": "hsla(355, 62%, 75%, 0.45)",
+      "panel_separator": "hsl(354, 87%, 36%)",
+      "icons_attention": "hsl(0, 0%, 0%)",
+      "toolbar_field_icons_attention": "hsl(0, 0%, 0%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/preview.svg
new file mode 100644
index 0000000000..69fd21bad0
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(354, 71%, 43%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(352, 65%, 95%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(354, 80%, 69%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(352, 65%, 95%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/icon.svg
new file mode 100644
index 0000000000..8ca7b43562
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(354, 78%, 18%)"/>
+      <stop offset="1" stop-color="hsl(354, 56%, 28%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/manifest.json
new file mode 100644
index 0000000000..9229b9c7b4
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "playmaker-bold-colorway@mozilla.org"
+    }
+  },
+  "name": "Playmaker – Bold",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 100%)",
+      "tab_selected": "hsl(355, 61%, 11%)",
+      "tab_line": "hsl(354, 80%, 40%)",
+      "tab_loading": "hsl(0, 95%, 84%)",
+      "tab_loading_inactive": "hsl(0, 95%, 84%)",
+      "frame": "hsl(354, 78%, 18%)",
+      "popup": "hsl(355, 61%, 11%)",
+      "popup_text": "hsl(0, 0%, 100%)",
+      "popup_border": "hsl(354, 83%, 75%)",
+      "popup_highlight": "hsla(354, 71%, 43%, 0.4)",
+      "popup_highlight_text": "hsl(0, 0%, 100%)",
+      "toolbar": "hsl(354, 56%, 28%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(354, 78%, 18%)",
+      "toolbar_field_text": "hsl(0, 0%, 100%)",
+      "toolbar_field_focus": "hsl(355, 61%, 11%)",
+      "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(354, 78%, 18%)",
+      "ntp_background": "hsl(0, 50%, 1%)",
+      "ntp_card_background": "hsl(355, 61%, 11%)",
+      "ntp_text": "hsl(0, 0%, 100%)",
+      "sidebar": "hsl(355, 61%, 11%)",
+      "sidebar_text": "hsl(0, 0%, 100%)",
+      "sidebar_highlight": "hsla(354, 71%, 43%, 0.4)",
+      "address_bar_box": "hsl(355, 61%, 11%)",
+      "address_bar_box_hover": "hsla(355, 61%, 11%, 0.8)",
+      "address_bar_box_active": "hsla(355, 61%, 11%, 0.65)",
+      "address_bar_box_focus": "hsl(354, 56%, 28%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(4, 82%, 76%)",
+      "panel_item_hover": "hsla(354, 71%, 43%, 0.4)",
+      "panel_item_active": "hsla(354, 71%, 43%, 0.55)",
+      "panel_separator": "hsl(354, 83%, 75%)",
+      "icons_attention": "hsl(0, 95%, 84%)",
+      "toolbar_field_icons_attention": "hsl(0, 95%, 84%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/preview.svg
new file mode 100644
index 0000000000..bc3f80cbd2
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/preview.svg
@@ -0,0 +1,18 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(354, 78%, 18%)" />
+  <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(355, 61%, 11%)" stroke="hsl(354, 80%, 40%)" stroke-width="1.5" />
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(354, 56%, 28%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(354, 78%, 18%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/icon.svg
new file mode 100644
index 0000000000..53cef4c9b9
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(354, 91%, 87%)"/>
+      <stop offset="1" stop-color="hsl(355, 100%, 93%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/manifest.json
new file mode 100644
index 0000000000..5497dd7e9a
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "playmaker-soft-colorway@mozilla.org"
+    }
+  },
+  "name": "Playmaker – Soft",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(7, 92%, 15%)",
+      "tab_text": "hsl(7, 92%, 15%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(10, 89%, 22%)",
+      "tab_loading_inactive": "hsl(10, 89%, 22%)",
+      "frame": "hsl(354, 91%, 87%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(7, 92%, 15%)",
+      "popup_border": "hsl(355, 96%, 29%)",
+      "popup_highlight": "hsla(354, 93%, 84%, 0.3)",
+      "popup_highlight_text": "hsl(7, 92%, 15%)",
+      "toolbar": "hsl(355, 100%, 93%)",
+      "toolbar_text": "hsl(7, 92%, 15%)",
+      "toolbar_field": "hsl(354, 91%, 87%)",
+      "toolbar_field_text": "hsl(7, 92%, 15%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(354, 91%, 87%)",
+      "ntp_background": "hsl(0, 100%, 99%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(7, 92%, 15%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(7, 92%, 15%)",
+      "sidebar_highlight": "hsla(354, 93%, 84%, 0.3)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(355, 100%, 93%)",
+      "address_bar_box_text": "hsl(7, 92%, 15%)",
+      "address_bar_url_color": "hsl(355, 90%, 30%)",
+      "panel_item_hover": "hsla(354, 93%, 84%, 0.3)",
+      "panel_item_active": "hsla(354, 93%, 84%, 0.45)",
+      "panel_separator": "hsl(355, 96%, 29%)",
+      "icons_attention": "hsl(10, 89%, 22%)",
+      "toolbar_field_icons_attention": "hsl(10, 89%, 22%)",
+      "tab_attention_dot": "hsl(146, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(146, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/preview.svg
new file mode 100644
index 0000000000..08d6960850
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(354, 91%, 87%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(7, 92%, 15%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(7, 92%, 15%)" />
+  <rect y="44" width="680" height="48" fill="hsl(355, 100%, 93%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(7, 92%, 15%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(7, 92%, 15%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(7, 92%, 15%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(7, 92%, 15%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(7, 92%, 15%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(354, 91%, 87%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(7, 92%, 15%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(7, 92%, 15%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/icon.svg
new file mode 100644
index 0000000000..4404484e37
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(147, 94%, 25%)"/>
+      <stop offset="1" stop-color="hsl(146, 38%, 49%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/manifest.json
new file mode 100644
index 0000000000..7710cde886
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "visionary-balanced-colorway@mozilla.org"
+    }
+  },
+  "name": "Visionary – Balanced",
+  "author": "Mozilla",
+  "version": "1.1.2",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(150, 57%, 97%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(0, 0%, 0%)",
+      "tab_loading_inactive": "hsl(0, 0%, 0%)",
+      "frame": "hsl(147, 94%, 25%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(147, 72%, 21%)",
+      "popup_highlight": "hsla(147, 40%, 78%, 0.3)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(146, 38%, 49%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(150, 57%, 97%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 179, 244, 1)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(147, 94%, 25%)",
+      "ntp_background": "hsl(146, 30%, 86%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(147, 40%, 78%, 0.3)",
+      "address_bar_box": "hsl(147, 94%, 25%)",
+      "address_bar_box_hover": "hsla(147, 94%, 25%, 0.8)",
+      "address_bar_box_active": "hsla(147, 94%, 25%, 0.65)",
+      "address_bar_box_focus": "hsl(146, 38%, 49%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(147, 89%, 19%)",
+      "panel_item_hover": "hsla(147, 40%, 78%, 0.3)",
+      "panel_item_active": "hsla(147, 40%, 78%, 0.45)",
+      "panel_separator": "hsl(147, 72%, 21%)",
+      "icons_attention": "hsl(0, 0%, 0%)",
+      "toolbar_field_icons_attention": "hsl(0, 0%, 0%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(146, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/preview.svg
new file mode 100644
index 0000000000..e08c04ad37
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(147, 94%, 25%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(150, 57%, 97%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(146, 38%, 49%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(150, 57%, 97%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/visionary/bold/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/visionary/bold/icon.svg
new file mode 100644
index 0000000000..caadabeede
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/bold/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(146, 89%, 11%)"/>
+      <stop offset="1" stop-color="hsl(147, 82%, 17%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/visionary/bold/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/visionary/bold/manifest.json
new file mode 100644
index 0000000000..45adf3316e
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/bold/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "visionary-bold-colorway@mozilla.org"
+    }
+  },
+  "name": "Visionary – Bold",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 100%)",
+      "tab_text": "hsl(0, 0%, 100%)",
+      "tab_selected": "hsl(148, 74%, 7%)",
+      "tab_line": "hsl(146, 65%, 21%)",
+      "tab_loading": "hsl(147, 72%, 49%)",
+      "tab_loading_inactive": "hsl(147, 72%, 49%)",
+      "frame": "hsl(146, 89%, 11%)",
+      "popup": "hsl(148, 74%, 7%)",
+      "popup_text": "hsl(0, 0%, 100%)",
+      "popup_border": "hsl(146, 66%, 37%)",
+      "popup_highlight": "hsla(133, 94%, 27%, 0.3)",
+      "popup_highlight_text": "hsl(0, 0%, 100%)",
+      "toolbar": "hsl(147, 82%, 17%)",
+      "toolbar_text": "hsl(0, 0%, 100%)",
+      "toolbar_field": "hsl(146, 89%, 11%)",
+      "toolbar_field_text": "hsl(0, 0%, 100%)",
+      "toolbar_field_focus": "hsl(148, 74%, 7%)",
+      "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(146, 89%, 11%)",
+      "ntp_background": "hsl(150, 29%, 3%)",
+      "ntp_card_background": "hsl(148, 74%, 7%)",
+      "ntp_text": "hsl(0, 0%, 100%)",
+      "sidebar": "hsl(148, 74%, 7%)",
+      "sidebar_text": "hsl(0, 0%, 100%)",
+      "sidebar_highlight": "hsla(133, 94%, 27%, 0.3)",
+      "address_bar_box": "hsl(148, 74%, 7%)",
+      "address_bar_box_hover": "hsla(148, 74%, 7%, 0.8)",
+      "address_bar_box_active": "hsla(148, 74%, 7%, 0.65)",
+      "address_bar_box_focus": "hsl(147, 82%, 17%)",
+      "address_bar_box_text": "hsl(0, 0%, 100%)",
+      "address_bar_url_color": "hsl(40, 6%, 90%)",
+      "panel_item_hover": "hsla(133, 94%, 27%, 0.3)",
+      "panel_item_active": "hsla(133, 94%, 27%, 0.45)",
+      "panel_separator": "hsl(146, 66%, 37%)",
+      "icons_attention": "hsl(147, 72%, 49%)",
+      "toolbar_field_icons_attention": "hsl(147, 72%, 49%)",
+      "tab_attention_dot": "hsl(94, 100%, 71%)",
+      "appmenu_update_icon_color": "hsl(94, 100%, 71%)",
+      "appmenu_info_icon_color": "hsl(173, 100%, 71%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/visionary/bold/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/visionary/bold/preview.svg
new file mode 100644
index 0000000000..9d03199725
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/bold/preview.svg
@@ -0,0 +1,18 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(146, 89%, 11%)" />
+  <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(148, 74%, 7%)" stroke="hsl(146, 65%, 21%)" stroke-width="1.5" />
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+  <rect y="44" width="680" height="48" fill="hsl(147, 82%, 17%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(146, 89%, 11%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" />
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/visionary/soft/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/visionary/soft/icon.svg
new file mode 100644
index 0000000000..6de52afaf2
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/soft/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(147, 53%, 75%)"/>
+      <stop offset="1" stop-color="hsl(146, 49%, 85%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-independent-voices/visionary/soft/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/visionary/soft/manifest.json
new file mode 100644
index 0000000000..e335d3f4db
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/soft/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "visionary-soft-colorway@mozilla.org"
+    }
+  },
+  "name": "Visionary – Soft",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(48, 10%, 10%)",
+      "tab_text": "hsl(48, 10%, 10%)",
+      "tab_selected": "hsl(140, 60%, 98%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(144, 70%, 21%)",
+      "tab_loading_inactive": "hsl(144, 70%, 21%)",
+      "frame": "hsl(147, 53%, 75%)",
+      "popup": "hsl(140, 60%, 98%)",
+      "popup_text": "hsl(48, 10%, 10%)",
+      "popup_border": "hsl(147, 89%, 22%)",
+      "popup_highlight": "hsla(147, 54%, 52%, 0.3)",
+      "popup_highlight_text": "hsl(48, 10%, 10%)",
+      "toolbar": "hsl(146, 49%, 85%)",
+      "toolbar_text": "hsl(48, 10%, 10%)",
+      "toolbar_field": "hsl(147, 53%, 75%)",
+      "toolbar_field_text": "hsl(48, 10%, 10%)",
+      "toolbar_field_focus": "hsl(140, 60%, 98%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(147, 53%, 75%)",
+      "ntp_background": "hsl(148, 100%, 97%)",
+      "ntp_card_background": "hsl(140, 60%, 98%)",
+      "ntp_text": "hsl(48, 10%, 10%)",
+      "sidebar": "hsl(140, 60%, 98%)",
+      "sidebar_text": "hsl(48, 10%, 10%)",
+      "sidebar_highlight": "hsla(147, 54%, 52%, 0.3)",
+      "address_bar_box": "hsl(140, 60%, 98%)",
+      "address_bar_box_hover": "hsla(140, 60%, 98%, 0.8)",
+      "address_bar_box_active": "hsla(140, 60%, 98%, 0.65)",
+      "address_bar_box_focus": "hsl(146, 49%, 85%)",
+      "address_bar_box_text": "hsl(48, 10%, 10%)",
+      "address_bar_url_color": "hsl(147, 73%, 27%)",
+      "panel_item_hover": "hsla(147, 54%, 52%, 0.3)",
+      "panel_item_active": "hsla(147, 54%, 52%, 0.45)",
+      "panel_separator": "hsl(147, 89%, 22%)",
+      "icons_attention": "hsl(144, 70%, 21%)",
+      "toolbar_field_icons_attention": "hsl(144, 70%, 21%)",
+      "tab_attention_dot": "hsl(146, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(146, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-independent-voices/visionary/soft/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/visionary/soft/preview.svg
new file mode 100644
index 0000000000..864706d582
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/soft/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(147, 53%, 75%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(140, 60%, 98%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(48, 10%, 10%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(48, 10%, 10%)" />
+  <rect y="44" width="680" height="48" fill="hsl(146, 49%, 85%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(147, 53%, 75%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(48, 10%, 10%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-true-colors/blue/icon.svg b/browser/themes/addons/colorways/2022-true-colors/blue/icon.svg
new file mode 100644
index 0000000000..f562013826
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/blue/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(206, 43%, 65%)"/>
+      <stop offset="1" stop-color="hsl(206, 43%, 78%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-true-colors/blue/manifest.json b/browser/themes/addons/colorways/2022-true-colors/blue/manifest.json
new file mode 100644
index 0000000000..c0c38d40a1
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/blue/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "2022blue-colorway@mozilla.org"
+    }
+  },
+  "name": "Chillaxing",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 0%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(207, 60%, 36%)",
+      "tab_loading_inactive": "hsl(207, 60%, 36%)",
+      "frame": "hsl(206, 43%, 65%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(207, 43%, 75%)",
+      "popup_highlight": "hsla(207, 44%, 70%, 0.6)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(206, 43%, 78%)",
+      "toolbar_text": "hsl(0, 0%, 0%)",
+      "toolbar_field": "hsl(206, 43%, 65%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(206, 43%, 65%)",
+      "ntp_background": "hsl(207, 43%, 85%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(207, 44%, 70%, 0.6)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(206, 43%, 78%)",
+      "address_bar_box_text": "hsl(0, 0%, 0%)",
+      "address_bar_url_color": "hsl(207, 43%, 41%)",
+      "panel_item_hover": "hsla(207, 44%, 70%, 0.6)",
+      "panel_item_active": "hsla(207, 44%, 70%, 0.75)",
+      "panel_separator": "hsl(207, 43%, 75%)",
+      "icons_attention": "hsl(207, 60%, 36%)",
+      "toolbar_field_icons_attention": "hsl(207, 60%, 36%)",
+      "tab_attention_dot": "hsl(145, 33%, 40%)",
+      "appmenu_update_icon_color": "hsl(145, 33%, 40%)",
+      "appmenu_info_icon_color": "hsl(206, 50%, 41%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-true-colors/blue/preview.svg b/browser/themes/addons/colorways/2022-true-colors/blue/preview.svg
new file mode 100644
index 0000000000..96ca0f7ec8
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/blue/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(206, 43%, 65%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect y="44" width="680" height="48" fill="hsl(206, 43%, 78%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(206, 43%, 65%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-true-colors/green/icon.svg b/browser/themes/addons/colorways/2022-true-colors/green/icon.svg
new file mode 100644
index 0000000000..2ff592a450
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/green/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(142, 32%, 57%)"/>
+      <stop offset="1" stop-color="hsl(142, 32%, 73%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-true-colors/green/manifest.json b/browser/themes/addons/colorways/2022-true-colors/green/manifest.json
new file mode 100644
index 0000000000..540507a9fa
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/green/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "2022green-colorway@mozilla.org"
+    }
+  },
+  "name": "Vegging Out",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 0%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(142, 24%, 32%)",
+      "tab_loading_inactive": "hsl(142, 24%, 32%)",
+      "frame": "hsl(142, 32%, 57%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(142, 25%, 75%)",
+      "popup_highlight": "hsla(142, 32%, 78%, 0.8)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(142, 32%, 73%)",
+      "toolbar_text": "hsl(0, 0%, 0%)",
+      "toolbar_field": "hsl(142, 32%, 57%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(142, 32%, 57%)",
+      "ntp_background": "hsl(143, 32%, 89%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(142, 32%, 78%, 0.8)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(142, 32%, 73%)",
+      "address_bar_box_text": "hsl(0, 0%, 0%)",
+      "address_bar_url_color": "hsl(143, 35%, 30%)",
+      "panel_item_hover": "hsla(142, 32%, 78%, 0.8)",
+      "panel_item_active": "hsla(142, 32%, 78%, 0.95)",
+      "panel_separator": "hsl(142, 25%, 75%)",
+      "icons_attention": "hsl(142, 24%, 32%)",
+      "toolbar_field_icons_attention": "hsl(142, 24%, 32%)",
+      "tab_attention_dot": "hsl(141, 15%, 36%)",
+      "appmenu_update_icon_color": "hsl(141, 15%, 36%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 31%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-true-colors/green/preview.svg b/browser/themes/addons/colorways/2022-true-colors/green/preview.svg
new file mode 100644
index 0000000000..db7900891a
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/green/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(142, 32%, 57%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect y="44" width="680" height="48" fill="hsl(142, 32%, 73%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(142, 32%, 57%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-true-colors/orange/icon.svg b/browser/themes/addons/colorways/2022-true-colors/orange/icon.svg
new file mode 100644
index 0000000000..1eb441ce04
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/orange/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(16, 94%, 65%)"/>
+      <stop offset="1" stop-color="hsl(17, 92%, 80%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-true-colors/orange/manifest.json b/browser/themes/addons/colorways/2022-true-colors/orange/manifest.json
new file mode 100644
index 0000000000..8643398f91
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/orange/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "2022orange-colorway@mozilla.org"
+    }
+  },
+  "name": "That’s So Fire",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 0%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(16, 70%, 38%)",
+      "tab_loading_inactive": "hsl(16, 70%, 38%)",
+      "frame": "hsl(16, 94%, 65%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(16, 72%, 76%)",
+      "popup_highlight": "hsla(16, 90%, 50%, 0.3)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(17, 92%, 80%)",
+      "toolbar_text": "hsl(0, 0%, 0%)",
+      "toolbar_field": "hsl(16, 94%, 65%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(16, 94%, 65%)",
+      "ntp_background": "hsl(17, 92%, 90%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(16, 90%, 50%, 0.3)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(17, 92%, 80%)",
+      "address_bar_box_text": "hsl(0, 0%, 0%)",
+      "address_bar_url_color": "hsl(16, 90%, 43%)",
+      "panel_item_hover": "hsla(16, 90%, 50%, 0.3)",
+      "panel_item_active": "hsla(16, 90%, 50%, 0.45)",
+      "panel_separator": "hsl(16, 72%, 76%)",
+      "icons_attention": "hsl(16, 70%, 38%)",
+      "toolbar_field_icons_attention": "hsl(16, 70%, 38%)",
+      "tab_attention_dot": "hsl(145, 15%, 43%)",
+      "appmenu_update_icon_color": "hsl(145, 15%, 43%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 41%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-true-colors/orange/preview.svg b/browser/themes/addons/colorways/2022-true-colors/orange/preview.svg
new file mode 100644
index 0000000000..fbb738a93b
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/orange/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(16, 94%, 65%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect y="44" width="680" height="48" fill="hsl(17, 92%, 80%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(16, 94%, 65%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-true-colors/purple/icon.svg b/browser/themes/addons/colorways/2022-true-colors/purple/icon.svg
new file mode 100644
index 0000000000..2e9e6dd54d
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/purple/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(284, 35%, 70%)"/>
+      <stop offset="1" stop-color="hsl(285, 36%, 81%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-true-colors/purple/manifest.json b/browser/themes/addons/colorways/2022-true-colors/purple/manifest.json
new file mode 100644
index 0000000000..2edb9ceaa8
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/purple/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "2022purple-colorway@mozilla.org"
+    }
+  },
+  "name": "Bomb-dot-com",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 0%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(285, 35%, 42%)",
+      "tab_loading_inactive": "hsl(285, 35%, 42%)",
+      "frame": "hsl(284, 35%, 70%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(284, 80%, 77%)",
+      "popup_highlight": "hsla(284, 61%, 75%, 0.6)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(285, 36%, 81%)",
+      "toolbar_text": "hsl(0, 0%, 0%)",
+      "toolbar_field": "hsl(284, 35%, 70%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(284, 35%, 70%)",
+      "ntp_background": "hsl(284, 35%, 88%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(284, 61%, 75%, 0.6)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(285, 36%, 81%)",
+      "address_bar_box_text": "hsl(0, 0%, 0%)",
+      "address_bar_url_color": "hsl(285, 32%, 40%)",
+      "panel_item_hover": "hsla(284, 61%, 75%, 0.6)",
+      "panel_item_active": "hsla(284, 61%, 75%, 0.75)",
+      "panel_separator": "hsl(284, 80%, 77%)",
+      "icons_attention": "hsl(285, 35%, 42%)",
+      "toolbar_field_icons_attention": "hsl(285, 35%, 42%)",
+      "tab_attention_dot": "hsl(145, 35%, 46%)",
+      "appmenu_update_icon_color": "hsl(145, 35%, 46%)",
+      "appmenu_info_icon_color": "hsl(203, 80%, 50%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-true-colors/purple/preview.svg b/browser/themes/addons/colorways/2022-true-colors/purple/preview.svg
new file mode 100644
index 0000000000..76f57a9fb6
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/purple/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(284, 35%, 70%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect y="44" width="680" height="48" fill="hsl(285, 36%, 81%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(284, 35%, 70%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-true-colors/red/icon.svg b/browser/themes/addons/colorways/2022-true-colors/red/icon.svg
new file mode 100644
index 0000000000..899cffc519
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/red/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(356, 95%, 67%)"/>
+      <stop offset="1" stop-color="hsl(356, 91%, 75%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-true-colors/red/manifest.json b/browser/themes/addons/colorways/2022-true-colors/red/manifest.json
new file mode 100644
index 0000000000..b4cfb2a82a
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/red/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "2022red-colorway@mozilla.org"
+    }
+  },
+  "name": "Rawrrr!",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 0%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(356, 72%, 27%)",
+      "tab_loading_inactive": "hsl(356, 72%, 27%)",
+      "frame": "hsl(356, 95%, 67%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(356, 61%, 78%)",
+      "popup_highlight": "hsla(356, 75%, 76%, 0.6)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(356, 91%, 75%)",
+      "toolbar_text": "hsl(0, 0%, 0%)",
+      "toolbar_field": "hsl(356, 95%, 67%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(356, 95%, 67%)",
+      "ntp_background": "hsl(356, 84%, 88%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(356, 75%, 76%, 0.6)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(356, 91%, 75%)",
+      "address_bar_box_text": "hsl(0, 0%, 0%)",
+      "address_bar_url_color": "hsl(356, 72%, 42%)",
+      "panel_item_hover": "hsla(356, 75%, 76%, 0.6)",
+      "panel_item_active": "hsla(356, 75%, 76%, 0.75)",
+      "panel_separator": "hsl(356, 61%, 78%)",
+      "icons_attention": "hsl(356, 72%, 27%)",
+      "toolbar_field_icons_attention": "hsl(356, 72%, 27%)",
+      "tab_attention_dot": "hsl(145, 15%, 34%)",
+      "appmenu_update_icon_color": "hsl(145, 15%, 34%)",
+      "appmenu_info_icon_color": "hsl(204, 75%, 28%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-true-colors/red/preview.svg b/browser/themes/addons/colorways/2022-true-colors/red/preview.svg
new file mode 100644
index 0000000000..7ce088c235
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/red/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(356, 95%, 67%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect y="44" width="680" height="48" fill="hsl(356, 91%, 75%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(356, 95%, 67%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-true-colors/yellow/icon.svg b/browser/themes/addons/colorways/2022-true-colors/yellow/icon.svg
new file mode 100644
index 0000000000..055ac2904b
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/yellow/icon.svg
@@ -0,0 +1,12 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="hsl(39, 98%, 63%)"/>
+      <stop offset="1" stop-color="hsl(39, 98%, 84%)"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/browser/themes/addons/colorways/2022-true-colors/yellow/manifest.json b/browser/themes/addons/colorways/2022-true-colors/yellow/manifest.json
new file mode 100644
index 0000000000..fad940bbb4
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/yellow/manifest.json
@@ -0,0 +1,76 @@
+{
+  "manifest_version": 2,
+  "applications": {
+    "gecko": {
+      "id": "2022yellow-colorway@mozilla.org"
+    }
+  },
+  "name": "Cheese Puff",
+  "author": "Mozilla",
+  "version": "1.1",
+  "icons": {
+    "32": "icon.svg"
+  },
+  "theme": {
+    "colors": {
+      "tab_background_text": "hsl(0, 0%, 0%)",
+      "tab_text": "hsl(0, 0%, 0%)",
+      "tab_selected": "hsl(0, 0%, 100%)",
+      "tab_line": "transparent",
+      "tab_loading": "hsl(29, 84%, 46%)",
+      "tab_loading_inactive": "hsl(29, 84%, 46%)",
+      "frame": "hsl(39, 98%, 63%)",
+      "popup": "hsl(0, 0%, 100%)",
+      "popup_text": "hsl(0, 0%, 0%)",
+      "popup_border": "hsl(39, 100%, 68%)",
+      "popup_highlight": "hsla(39, 100%, 72%, 0.9)",
+      "popup_highlight_text": "hsl(0, 0%, 0%)",
+      "toolbar": "hsl(39, 98%, 84%)",
+      "toolbar_text": "hsl(0, 0%, 0%)",
+      "toolbar_field": "hsl(39, 98%, 63%)",
+      "toolbar_field_text": "hsl(0, 0%, 0%)",
+      "toolbar_field_focus": "hsl(0, 0%, 100%)",
+      "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)",
+      "toolbar_top_separator": "transparent",
+      "toolbar_bottom_separator": "hsl(39, 98%, 63%)",
+      "ntp_background": "hsl(39, 97%, 87%)",
+      "ntp_card_background": "hsl(0, 0%, 100%)",
+      "ntp_text": "hsl(0, 0%, 0%)",
+      "sidebar": "hsl(0, 0%, 100%)",
+      "sidebar_text": "hsl(0, 0%, 0%)",
+      "sidebar_highlight": "hsla(39, 100%, 72%, 0.9)",
+      "address_bar_box": "hsl(0, 0%, 100%)",
+      "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)",
+      "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)",
+      "address_bar_box_focus": "hsl(39, 98%, 84%)",
+      "address_bar_box_text": "hsl(0, 0%, 0%)",
+      "address_bar_url_color": "hsl(39, 100%, 30%)",
+      "panel_item_hover": "hsla(39, 100%, 72%, 0.9)",
+      "panel_item_active": "hsl(39, 100%, 72%)",
+      "panel_separator": "hsl(39, 100%, 68%)",
+      "icons_attention": "hsl(29, 84%, 46%)",
+      "toolbar_field_icons_attention": "hsl(29, 84%, 46%)",
+      "tab_attention_dot": "hsl(138, 15%, 44%)",
+      "appmenu_update_icon_color": "hsl(138, 15%, 44%)",
+      "appmenu_info_icon_color": "hsl(203, 77%, 41%)"
+    }
+  },
+  "theme_experiment": {
+    "colors": {
+      "address_bar_box": "--urlbar-box-bgcolor",
+      "address_bar_box_hover": "--urlbar-box-hover-bgcolor",
+      "address_bar_box_active": "--urlbar-box-active-bgcolor",
+      "address_bar_box_focus": "--urlbar-box-focus-bgcolor",
+      "address_bar_box_text": "--urlbar-box-text-color",
+      "address_bar_url_color": "--urlbar-popup-url-color",
+      "panel_item_hover": "--panel-item-hover-bgcolor",
+      "panel_item_active": "--panel-item-active-bgcolor",
+      "panel_separator": "--panel-separator-color",
+      "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention",
+      "tab_attention_dot": "--lwt-tab-attention-icon-color",
+      "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor",
+      "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor",
+      "tab_loading_inactive": "--lwt-tab-loading-fill-inactive"
+    }
+  }
+}
diff --git a/browser/themes/addons/colorways/2022-true-colors/yellow/preview.svg b/browser/themes/addons/colorways/2022-true-colors/yellow/preview.svg
new file mode 100644
index 0000000000..dfe21a4881
--- /dev/null
+++ b/browser/themes/addons/colorways/2022-true-colors/yellow/preview.svg
@@ -0,0 +1,36 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="680" height="92" fill="hsl(39, 98%, 63%)" />
+  <g filter="url(#filter0_dd)">
+    <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" />
+  </g>
+  <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <rect y="44" width="680" height="48" fill="hsl(39, 98%, 84%)" />
+  <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(39, 98%, 63%)" />
+  <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" />
+  <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" />
+  <defs>
+  <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="2" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" />
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+    <feOffset />
+    <feGaussianBlur stdDeviation="0.5" />
+    <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" />
+    <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" />
+    <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" />
+  </filter>
+  </defs>
+</svg>
-- 
cgit v1.2.3