From 50f4eee4bf2ce813001ad1e28fa12648149fe677 Mon Sep 17 00:00:00 2001
From: Michael Marszalek <mimarz@gmail.com>
Date: Thu, 5 Oct 2023 10:00:37 +0200
Subject: [PATCH] feat: Change `color` names `primary`, `secondary`, `tertiary`
 to `first`, `second`, `third` (#887)

---
 .../components/Accordion/Accordion.module.css |  46 +-
 .../Accordion/Accordion.stories.tsx           |   2 +-
 .../src/components/Accordion/Accordion.tsx    |   2 +-
 .../src/components/Button/Button.module.css   |  90 ++--
 .../src/components/Button/Button.test.tsx     |  10 +-
 .../react/src/components/Button/Button.tsx    |   4 +-
 .../Chip/Removable/Removable.module.css       |   4 +-
 .../Chip/_ChipBase/ChipBase.module.css        |  14 +-
 .../react/src/components/Link/Link.module.css |   8 +-
 .../src/components/Pagination/Pagination.tsx  |   6 +-
 .../src/components/Spinner/Spinner.module.css |   2 +-
 .../react/src/components/Tag/Tag.module.css   |  36 +-
 .../react/src/components/Tag/Tag.stories.tsx  |   6 +-
 .../react/src/components/Tag/Tag.test.tsx     |   6 +-
 packages/react/src/components/Tag/Tag.tsx     |   2 +-
 .../ToggleGroupItem/ToggleGroupItem.tsx       |   2 +-
 packages/tokens/brand/altinn/tokens.cjs.js    | 164 +++---
 packages/tokens/brand/altinn/tokens.css       | 164 +++---
 packages/tokens/brand/altinn/tokens.d.ts      | 164 +++---
 packages/tokens/brand/altinn/tokens.esm.js    | 164 +++---
 packages/tokens/brand/brreg/tokens.cjs.js     | 176 +++----
 packages/tokens/brand/brreg/tokens.css        | 176 +++----
 packages/tokens/brand/brreg/tokens.d.ts       | 176 +++----
 packages/tokens/brand/brreg/tokens.esm.js     | 176 +++----
 packages/tokens/brand/digdir/tokens.cjs.js    | 164 +++---
 packages/tokens/brand/digdir/tokens.css       | 164 +++---
 packages/tokens/brand/digdir/tokens.d.ts      | 164 +++---
 packages/tokens/brand/digdir/tokens.esm.js    | 164 +++---
 packages/tokens/brand/tilsynet/tokens.cjs.js  | 164 +++---
 packages/tokens/brand/tilsynet/tokens.css     | 164 +++---
 packages/tokens/brand/tilsynet/tokens.d.ts    | 164 +++---
 packages/tokens/brand/tilsynet/tokens.esm.js  | 164 +++---
 .../components/SidebarMenu/SidebarMenu.tsx    |   2 +-
 .../MenuPageLayout/MenuPageLayout.module.css  |   2 +-
 .../layouts/PageLayout/PageLayout.module.css  |   2 +-
 storefront/tokens/altinn.ts                   | 454 ++++++++--------
 storefront/tokens/brreg.ts                    | 488 +++++++++---------
 storefront/tokens/digdir.ts                   | 438 ++++++++--------
 storefront/tokens/tilsynet.ts                 | 466 ++++++++---------
 39 files changed, 2382 insertions(+), 2382 deletions(-)

diff --git a/packages/react/src/components/Accordion/Accordion.module.css b/packages/react/src/components/Accordion/Accordion.module.css
index 0600799003..e2670685d9 100644
--- a/packages/react/src/components/Accordion/Accordion.module.css
+++ b/packages/react/src/components/Accordion/Accordion.module.css
@@ -6,19 +6,19 @@
   --fdsc-accordion-header-padding-bottom: var(--fds-spacing-4);
   --fdsc-accordion-header-padding-left: var(--fds-spacing-5);
   --fdsc-accordion-header-bg-neutral: var(--fds-semantic-surface-neutral-default);
-  --fdsc-accordion-header-bg-neutral-active: var(--fds-semantic-surface-action-primary-no_fill-hover);
+  --fdsc-accordion-header-bg-neutral-active: var(--fds-semantic-surface-action-first-no_fill-hover);
   --fdsc-accordion-header-bg-subtle: var(--fds-semantic-surface-neutral-subtle);
   --fdsc-accordion-header-bg-subtle-hover: var(--fds-semantic-surface-neutral-subtle-hover);
-  --fdsc-accordion-header-bg-primary: var(--fds-semantic-surface-primary-light);
-  --fdsc-accordion-header-bg-primary-hover: var(--fds-semantic-surface-primary-light-hover);
-  --fdsc-accordion-header-bg-secondary: var(--fds-semantic-surface-secondary-light);
-  --fdsc-accordion-header-bg-secondary-hover: var(--fds-semantic-surface-secondary-light-hover);
-  --fdsc-accordion-header-bg-tertiary: var(--fds-semantic-surface-tertiary-light);
-  --fdsc-accordion-header-bg-tertiary-hover: var(--fds-semantic-surface-tertiary-light-hover);
+  --fdsc-accordion-header-bg-primary: var(--fds-semantic-surface-first-light);
+  --fdsc-accordion-header-bg-primary-hover: var(--fds-semantic-surface-first-light-hover);
+  --fdsc-accordion-header-bg-secondary: var(--fds-semantic-surface-second-light);
+  --fdsc-accordion-header-bg-secondary-hover: var(--fds-semantic-surface-second-light-hover);
+  --fdsc-accordion-header-bg-tertiary: var(--fds-semantic-surface-third-light);
+  --fdsc-accordion-header-bg-tertiary-hover: var(--fds-semantic-surface-third-light-hover);
   --fdsc-accordion-header-border: var(--fds-semantic-border-neutral-subtle);
   --fdsc-accordion-header-border-inverted: var(--fds-semantic-border-on_inverted-default);
   --fdsc-accordion-header-shadow-focus: 2px 2px 3px var(--fds-semantic-border-neutral-subtle);
-  --fdsc-accordion-header-color-hover: var(--fds-semantic-text-action-primary-default);
+  --fdsc-accordion-header-color-hover: var(--fds-semantic-text-action-first-default);
   --fdsc-accordion-content-border: var(--fds-semantic-border-neutral-subtle);
   --fdsc-accordion-content-border-open: var(--fds-semantic-border-neutral-strong);
 }
@@ -87,18 +87,18 @@
   background: var(--fdsc-accordion-header-bg-subtle);
 }
 
-.accordion.primary,
-.accordion.primary > .item > .header > button {
+.accordion.first,
+.accordion.first > .item > .header > button {
   background: var(--fdsc-accordion-header-bg-primary);
 }
 
-.accordion.secondary,
-.accordion.secondary > .item > .header > button {
+.accordion.second,
+.accordion.second > .item > .header > button {
   background: var(--fdsc-accordion-header-bg-secondary);
 }
 
-.accordion.tertiary,
-.accordion.tertiary > .item > .header > button {
+.accordion.third,
+.accordion.third > .item > .header > button {
   background: var(--fdsc-accordion-header-bg-tertiary);
 }
 
@@ -106,9 +106,9 @@
   border-top: 0;
 }
 
-.accordion.primary > .item:not(:first-child) > .header > button,
-.accordion.secondary > .item:not(:first-child) > .header > button,
-.accordion.tertiary > .item:not(:first-child) > .header > button {
+.accordion.first > .item:not(:first-child) > .header > button,
+.accordion.second > .item:not(:first-child) > .header > button,
+.accordion.third > .item:not(:first-child) > .header > button {
   border-top: 1px solid var(--fdsc-accordion-header-border-inverted);
 }
 
@@ -117,15 +117,15 @@
     background: var(--fdsc-accordion-header-bg-subtle-hover);
   }
 
-  .accordion.primary > .item > .header > button:hover {
+  .accordion.first > .item > .header > button:hover {
     background: var(--fdsc-accordion-header-bg-primary-hover);
   }
 
-  .accordion.secondary > .item > .header > button:hover {
+  .accordion.second > .item > .header > button:hover {
     background: var(--fdsc-accordion-header-bg-secondary-hover);
   }
 
-  .accordion.tertiary > .item > .header > button:hover {
+  .accordion.third > .item > .header > button:hover {
     background: var(--fdsc-accordion-header-bg-tertiary-hover);
   }
 }
@@ -135,9 +135,9 @@
   background-color: var(--fdsc-accordion-header-bg-neutral-active);
 }
 
-.accordion.primary > .item.open > .header > button,
-.accordion.secondary > .item.open > .header > button,
-.accordion.tertiary > .item.open > .header > button {
+.accordion.first > .item.open > .header > button,
+.accordion.second > .item.open > .header > button,
+.accordion.third > .item.open > .header > button {
   background-color: rgba(0 0 0 / 0.03);
 }
 
diff --git a/packages/react/src/components/Accordion/Accordion.stories.tsx b/packages/react/src/components/Accordion/Accordion.stories.tsx
index 31e469ab89..a4e69c91fb 100644
--- a/packages/react/src/components/Accordion/Accordion.stories.tsx
+++ b/packages/react/src/components/Accordion/Accordion.stories.tsx
@@ -54,7 +54,7 @@ export const AccordionBorder: StoryFn<typeof Accordion> = () => (
 export const AccordionColor: StoryFn<typeof Accordion> = () => (
   <Accordion
     border
-    color='secondary'
+    color='second'
   >
     <Accordion.Item>
       <Accordion.Header level={3}>
diff --git a/packages/react/src/components/Accordion/Accordion.tsx b/packages/react/src/components/Accordion/Accordion.tsx
index 3d304c9b14..642b688dc8 100644
--- a/packages/react/src/components/Accordion/Accordion.tsx
+++ b/packages/react/src/components/Accordion/Accordion.tsx
@@ -6,7 +6,7 @@ import classes from './Accordion.module.css';
 
 export type AccordionProps = {
   /** Accordion background color */
-  color?: 'primary' | 'secondary' | 'tertiary' | 'neutral' | 'subtle';
+  color?: 'first' | 'second' | 'third' | 'neutral' | 'subtle';
   /** Show border */
   border?: boolean;
   /** Instances of `Accordion.Item` */
diff --git a/packages/react/src/components/Button/Button.module.css b/packages/react/src/components/Button/Button.module.css
index b3a76d8896..75fe2b3da7 100644
--- a/packages/react/src/components/Button/Button.module.css
+++ b/packages/react/src/components/Button/Button.module.css
@@ -2,7 +2,7 @@
   --fdsc-border-radius: var(--fds-border_radius-interactive);
   --fdsc-button-size: var(--fds-component-mode-height-small);
   --fdsc-button-padding: var(--fds-spacing-1) var(--fds-spacing-2);
-  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-primary-on_action);
+  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-first-on_action);
   --fdsc-icon-size: var(--fds-sizing-4);
 
   display: flex;
@@ -113,11 +113,11 @@
 
 /* Only use hover for non-touch devices to prevent sticky-hovering */
 @media (hover: hover) and (pointer: fine) {
-  .button.filled.primary:not([aria-disabled='true'], :disabled):hover {
-    background: var(--fds-semantic-surface-action-primary-hover);
+  .button.filled.first:not([aria-disabled='true'], :disabled):hover {
+    background: var(--fds-semantic-surface-action-first-hover);
   }
 
-  .button.filled.secondary:not([aria-disabled='true'], :disabled):hover {
+  .button.filled.second:not([aria-disabled='true'], :disabled):hover {
     /* Hard coded color due to rgba issue, https://github.com/digdir/designsystem/issues/604 */
     background: #1a466d;
   }
@@ -136,15 +136,15 @@
     background: var(--fds-semantic-surface-on_inverted-hover);
   }
 
-  .button.outline.primary:not([aria-disabled='true'], :disabled):hover {
-    --fdsc-font-and-icon-color: var(--fds-semantic-text-action-primary-hover);
+  .button.outline.first:not([aria-disabled='true'], :disabled):hover {
+    --fdsc-font-and-icon-color: var(--fds-semantic-text-action-first-hover);
 
-    border-color: var(--fds-semantic-border-action-primary-hover);
-    background: var(--fds-semantic-surface-action-primary-no_fill-hover);
+    border-color: var(--fds-semantic-border-action-first-hover);
+    background: var(--fds-semantic-surface-action-first-no_fill-hover);
   }
 
-  .button.outline.secondary:not([aria-disabled='true'], :disabled):hover {
-    border-color: var(--fds-semantic-border-action-secondary-hover);
+  .button.outline.second:not([aria-disabled='true'], :disabled):hover {
+    border-color: var(--fds-semantic-border-action-second-hover);
 
     /* Hard coded color due to rgba issue, https://github.com/digdir/designsystem/issues/604 */
     background: #e5eaef;
@@ -168,13 +168,13 @@
     background: var(--fds-semantic-surface-on_inverted-no_fill-hover);
   }
 
-  .button.quiet.primary:not([aria-disabled='true'], :disabled):hover {
-    --fdsc-font-and-icon-color: var(--fds-semantic-text-action-primary-hover);
+  .button.quiet.first:not([aria-disabled='true'], :disabled):hover {
+    --fdsc-font-and-icon-color: var(--fds-semantic-text-action-first-hover);
 
-    background: var(--fds-semantic-surface-action-primary-no_fill-hover);
+    background: var(--fds-semantic-surface-action-first-no_fill-hover);
   }
 
-  .button.quiet.secondary:not([aria-disabled='true'], :disabled):hover {
+  .button.quiet.second:not([aria-disabled='true'], :disabled):hover {
     /* Hard coded color due to rgba issue, https://github.com/digdir/designsystem/issues/604 */
     background: #e5eaef;
   }
@@ -199,19 +199,19 @@
 }
 
 /* Filled button colors */
-.button.filled.primary {
-  background: var(--fds-semantic-surface-action-primary-default);
+.button.filled.first {
+  background: var(--fds-semantic-surface-action-first-default);
 }
 
-.button.filled.primary:not([aria-disabled='true'], :disabled):active {
-  background: var(--fds-semantic-surface-action-primary-active);
+.button.filled.first:not([aria-disabled='true'], :disabled):active {
+  background: var(--fds-semantic-surface-action-first-active);
 }
 
-.button.filled.secondary {
-  background: var(--fds-semantic-surface-action-secondary-default);
+.button.filled.second {
+  background: var(--fds-semantic-surface-action-second-default);
 }
 
-.button.filled.secondary:not([aria-disabled='true'], :disabled):active {
+.button.filled.second:not([aria-disabled='true'], :disabled):active {
   /* Hard coded color due to rgba issue, https://github.com/digdir/designsystem/issues/604 */
   background: #335a7d;
 }
@@ -245,31 +245,31 @@
 }
 
 /* Outline button colors */
-.button.outline.primary {
-  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-primary-default);
+.button.outline.first {
+  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-first-default);
 
-  border-color: var(--fds-semantic-border-action-primary-default);
-  background: var(--fds-semantic-surface-action-primary-no_fill);
+  border-color: var(--fds-semantic-border-action-first-default);
+  background: var(--fds-semantic-surface-action-first-no_fill);
 }
 
-.button.outline.primary:not([aria-disabled='true'], :disabled):active {
-  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-primary-active);
+.button.outline.first:not([aria-disabled='true'], :disabled):active {
+  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-first-active);
 
-  border-color: var(--fds-semantic-border-action-primary-active);
-  background: var(--fds-semantic-surface-action-primary-no_fill-active);
+  border-color: var(--fds-semantic-border-action-first-active);
+  background: var(--fds-semantic-surface-action-first-no_fill-active);
 }
 
-.button.outline.secondary {
-  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-secondary-default);
+.button.outline.second {
+  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-second-default);
 
-  border-color: var(--fds-semantic-border-action-secondary-default);
-  background: var(--fds-semantic-surface-action-secondary-no_fill);
+  border-color: var(--fds-semantic-border-action-second-default);
+  background: var(--fds-semantic-surface-action-second-no_fill);
 }
 
-.button.outline.secondary:not([aria-disabled='true'], :disabled):active {
-  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-secondary-active);
+.button.outline.second:not([aria-disabled='true'], :disabled):active {
+  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-second-active);
 
-  border-color: var(--fds-semantic-border-action-secondary-active);
+  border-color: var(--fds-semantic-border-action-second-active);
 
   /* Hard coded color due to rgba issue, https://github.com/digdir/designsystem/issues/604 */
   background: #ccd6df;
@@ -317,22 +317,22 @@
 }
 
 /* Quiet button colors */
-.button.quiet.primary {
-  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-primary-default);
+.button.quiet.first {
+  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-first-default);
 }
 
-.button.quiet.primary:not([aria-disabled='true'], :disabled):active {
-  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-primary-active);
+.button.quiet.first:not([aria-disabled='true'], :disabled):active {
+  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-first-active);
 
-  background: var(--fds-semantic-surface-action-primary-no_fill-active);
+  background: var(--fds-semantic-surface-action-first-no_fill-active);
 }
 
-.button.quiet.secondary {
-  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-secondary-default);
+.button.quiet.second {
+  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-second-default);
 }
 
-.button.quiet.secondary:not([aria-disabled='true'], :disabled):active {
-  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-secondary-active);
+.button.quiet.second:not([aria-disabled='true'], :disabled):active {
+  --fdsc-font-and-icon-color: var(--fds-semantic-text-action-second-active);
 
   /* Hard coded color due to rgba issue, https://github.com/digdir/designsystem/issues/604 */
   background: #ccd6df;
diff --git a/packages/react/src/components/Button/Button.test.tsx b/packages/react/src/components/Button/Button.test.tsx
index 04d5d97014..dd928a1fa3 100644
--- a/packages/react/src/components/Button/Button.test.tsx
+++ b/packages/react/src/components/Button/Button.test.tsx
@@ -8,8 +8,8 @@ import { Button } from './Button';
 
 const sizes: ButtonProps['size'][] = ['small', 'medium', 'large'];
 const colors: ButtonProps['color'][] = [
-  'primary',
-  'secondary',
+  'first',
+  'second',
   'success',
   'danger',
   'inverted',
@@ -19,12 +19,12 @@ const variants: ButtonProps['variant'][] = ['filled', 'outline', 'quiet'];
 const user = userEvent.setup();
 
 describe('Button', () => {
-  it('should render a button with primary classname when no variant is specified', () => {
+  it('should render a button with first classname when no variant is specified', () => {
     render();
     const button = screen.getByRole('button');
 
-    expect(button.classList).toContain('primary');
-    expect(button.classList).not.toContain('secondary');
+    expect(button.classList).toContain('first');
+    expect(button.classList).not.toContain('second');
     expect(button.classList).not.toContain('submit');
     expect(button.classList).not.toContain('cancel');
   });
diff --git a/packages/react/src/components/Button/Button.tsx b/packages/react/src/components/Button/Button.tsx
index 7be0ae2712..1ff2038089 100644
--- a/packages/react/src/components/Button/Button.tsx
+++ b/packages/react/src/components/Button/Button.tsx
@@ -11,7 +11,7 @@ export type ButtonProps = {
   /** Specify which variant to use */
   variant?: 'filled' | 'outline' | 'quiet';
   /** Specify which color palette to use */
-  color?: 'primary' | 'secondary' | 'success' | 'danger' | 'inverted';
+  color?: 'first' | 'second' | 'success' | 'danger' | 'inverted';
   /** Size */
   size?: 'small' | 'medium' | 'large';
   /** If `Button` should fill full width of its container */
@@ -31,7 +31,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
   (
     {
       children,
-      color = 'primary',
+      color = 'first',
       variant = 'filled',
       size = 'medium',
       fullWidth = false,
diff --git a/packages/react/src/components/Chip/Removable/Removable.module.css b/packages/react/src/components/Chip/Removable/Removable.module.css
index 2fb5660cf6..8cea28cd63 100644
--- a/packages/react/src/components/Chip/Removable/Removable.module.css
+++ b/packages/react/src/components/Chip/Removable/Removable.module.css
@@ -1,5 +1,5 @@
 .removable {
-  --fdsc-removable-background: var(--fds-semantic-surface-action-primary-active);
+  --fdsc-removable-background: var(--fds-semantic-surface-action-first-active);
   --fdsc-removable-text-color: var(--fds-semantic-text-neutral-on_inverted);
   --fdsc-removable-chip-size: var(--fds-sizing-7);
   --fdsc-removable-chip-xmark-color: var(--fds-semantic-text-neutral-on_inverted);
@@ -33,7 +33,7 @@
   --fdsc-removable-background: linear-gradient(
     to left,
     var(--fds-semantic-surface-danger-default) var(--fdsc-removable-chip-xmark-wrapper-width),
-    var(--fds-semantic-surface-action-primary-active) var(--fdsc-removable-chip-xmark-wrapper-width)
+    var(--fds-semantic-surface-action-first-active) var(--fdsc-removable-chip-xmark-wrapper-width)
   );
   --fdsc-removable-chip-xmark-color: var(--fds-semantic-text-neutral-on_inverted);
 }
diff --git a/packages/react/src/components/Chip/_ChipBase/ChipBase.module.css b/packages/react/src/components/Chip/_ChipBase/ChipBase.module.css
index b87bb33dc3..d0f653eab9 100644
--- a/packages/react/src/components/Chip/_ChipBase/ChipBase.module.css
+++ b/packages/react/src/components/Chip/_ChipBase/ChipBase.module.css
@@ -1,9 +1,9 @@
 .chipButton {
   --fdsc-chip-height: var(--fds-sizing-7);
   --fdsc-chip-padding: var(--fds-spacing-3);
-  --fdsc-chip-background: var(--fds-semantic-surface-action-primary-subtle);
+  --fdsc-chip-background: var(--fds-semantic-surface-action-first-subtle);
   --fdsc-chip-text-color: var(--fds-semantic-text-neutral-default);
-  --fdsc-chip-border: var(--fds-semantic-border-action-primary-subtle);
+  --fdsc-chip-border: var(--fds-semantic-border-action-first-subtle);
   --fdsc-chip-border-radius: var(--fds-border_radius-full);
 
   background: var(--fdsc-chip-background);
@@ -19,24 +19,24 @@
 /* Only use hover for non-touch devices to prevent sticky-hovering */
 @media (hover: hover) and (pointer: fine) {
   .chipButton:hover {
-    --fdsc-chip-background: var(--fds-semantic-surface-action-primary-subtle-hover);
+    --fdsc-chip-background: var(--fds-semantic-surface-action-first-subtle-hover);
     --fdsc-chip-text-color: var(--fds-semantic-text-neutral-default);
-    --fdsc-chip-border: var(--fds-semantic-border-action-primary-subtle-hover);
+    --fdsc-chip-border: var(--fds-semantic-border-action-first-subtle-hover);
 
     cursor: pointer;
   }
 
   .chipButton:is([aria-pressed='true']):hover {
-    --fdsc-chip-background: var(--fds-semantic-surface-action-primary-no_fill-active);
+    --fdsc-chip-background: var(--fds-semantic-surface-action-first-no_fill-active);
     --fdsc-chip-text-color: var(--fds-semantic-text-neutral-default);
   }
 }
 
 .chipButton:is([aria-pressed='true']),
 .chipButton:active {
-  --fdsc-chip-background: var(--fds-semantic-surface-action-primary-active);
+  --fdsc-chip-background: var(--fds-semantic-surface-action-first-active);
   --fdsc-chip-text-color: var(--fds-semantic-text-neutral-on_inverted);
-  --fdsc-chip-border: var(--fds-semantic-surface-action-primary-active);
+  --fdsc-chip-border: var(--fds-semantic-surface-action-first-active);
 }
 
 .chipButton .label {
diff --git a/packages/react/src/components/Link/Link.module.css b/packages/react/src/components/Link/Link.module.css
index 84f4fc6ae8..ea3e46ead7 100644
--- a/packages/react/src/components/Link/Link.module.css
+++ b/packages/react/src/components/Link/Link.module.css
@@ -1,7 +1,7 @@
 .link {
-  --fdsc-link-hover-underline-color: var(--fds-semantic-text-action-primary-default);
+  --fdsc-link-hover-underline-color: var(--fds-semantic-text-action-first-default);
 
-  color: var(--fds-semantic-text-action-primary-default);
+  color: var(--fds-semantic-text-action-first-default);
   cursor: pointer;
   text-decoration: underline;
   text-decoration-thickness: max(1px, 0.0625rem);
@@ -17,7 +17,7 @@
 }
 
 .link:hover {
-  color: var(--fds-semantic-text-action-primary-default);
+  color: var(--fds-semantic-text-action-first-default);
   text-decoration-thickness: max(2px, 0.125rem, 0.12em);
 }
 
@@ -25,7 +25,7 @@
 .link:focus {
   background: var(--fds-semantic-border-focus-outline);
   box-shadow: 0 max(3px, 0.1875rem, 0.18em) var(--fds-semantic-border-focus-boxshadow);
-  color: var(--fds-semantic-text-action-primary-active);
+  color: var(--fds-semantic-text-action-first-active);
   outline: none;
   text-decoration: none;
 }
diff --git a/packages/react/src/components/Pagination/Pagination.tsx b/packages/react/src/components/Pagination/Pagination.tsx
index 8c6e06c4f9..31b4d9ef9f 100644
--- a/packages/react/src/components/Pagination/Pagination.tsx
+++ b/packages/react/src/components/Pagination/Pagination.tsx
@@ -102,7 +102,7 @@ export const Pagination = forwardRef<HTMLElement, PaginationProps>(
                 onChange(currentPage - 1);
               }}
               variant={'quiet'}
-              color={'primary'}
+              color={'first'}
               size={size}
               className={cn({ [classes.hidden]: currentPage === 1 })}
             >
@@ -129,7 +129,7 @@ export const Pagination = forwardRef<HTMLElement, PaginationProps>(
                 <Button
                   variant={currentPage === step ? 'filled' : 'quiet'}
                   aria-current={currentPage === step}
-                  color={'primary'}
+                  color={'first'}
                   size={size}
                   aria-label={itemLabel(step)}
                   onClick={() => {
@@ -144,7 +144,7 @@ export const Pagination = forwardRef<HTMLElement, PaginationProps>(
           <li>
             <Button
               variant={'quiet'}
-              color={'primary'}
+              color={'first'}
               size={size}
               icon={<ChevronRightIcon aria-hidden />}
               aria-label={nextLabel}
diff --git a/packages/react/src/components/Spinner/Spinner.module.css b/packages/react/src/components/Spinner/Spinner.module.css
index ccbd973deb..edaf950468 100644
--- a/packages/react/src/components/Spinner/Spinner.module.css
+++ b/packages/react/src/components/Spinner/Spinner.module.css
@@ -11,7 +11,7 @@
 }
 
 .interactionForeground {
-  stroke: var(--fds-semantic-border-action-primary-default);
+  stroke: var(--fds-semantic-border-action-first-default);
 }
 
 .invertedForeground {
diff --git a/packages/react/src/components/Tag/Tag.module.css b/packages/react/src/components/Tag/Tag.module.css
index 8537fd2f15..323ab48f5c 100644
--- a/packages/react/src/components/Tag/Tag.module.css
+++ b/packages/react/src/components/Tag/Tag.module.css
@@ -64,21 +64,21 @@
   --fdsc-tag-text: var(--fds-semantic-text-danger-on_danger_subtle);
 }
 
-.outlined.primary {
-  --fdsc-tag-border: var(--fds-semantic-surface-primary-dark);
-  --fdsc-tag-background: var(--fds-semantic-surface-primary-light);
+.outlined.first {
+  --fdsc-tag-border: var(--fds-semantic-surface-first-dark);
+  --fdsc-tag-background: var(--fds-semantic-surface-first-light);
   --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
 }
 
-.outlined.secondary {
-  --fdsc-tag-border: var(--fds-semantic-surface-secondary-dark);
-  --fdsc-tag-background: var(--fds-semantic-surface-secondary-light);
+.outlined.second {
+  --fdsc-tag-border: var(--fds-semantic-surface-second-dark);
+  --fdsc-tag-background: var(--fds-semantic-surface-second-light);
   --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
 }
 
-.outlined.tertiary {
-  --fdsc-tag-border: var(--fds-semantic-surface-tertiary-dark);
-  --fdsc-tag-background: var(--fds-semantic-surface-tertiary-light);
+.outlined.third {
+  --fdsc-tag-border: var(--fds-semantic-surface-third-dark);
+  --fdsc-tag-background: var(--fds-semantic-surface-third-light);
   --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
 }
 
@@ -112,20 +112,20 @@
   --fdsc-tag-text: var(--fds-semantic-text-danger-on_danger);
 }
 
-.filled.primary {
-  --fdsc-tag-border: var(--fds-semantic-surface-primary-dark);
-  --fdsc-tag-background: var(--fds-semantic-surface-primary-dark);
+.filled.first {
+  --fdsc-tag-border: var(--fds-semantic-surface-first-dark);
+  --fdsc-tag-background: var(--fds-semantic-surface-first-dark);
   --fdsc-tag-text: var(--fds-semantic-text-neutral-on_inverted);
 }
 
-.filled.secondary {
-  --fdsc-tag-border: var(--fds-semantic-surface-secondary-dark);
-  --fdsc-tag-background: var(--fds-semantic-surface-secondary-dark);
+.filled.second {
+  --fdsc-tag-border: var(--fds-semantic-surface-second-dark);
+  --fdsc-tag-background: var(--fds-semantic-surface-second-dark);
   --fdsc-tag-text: var(--fds-semantic-text-neutral-on_inverted);
 }
 
-.filled.tertiary {
-  --fdsc-tag-border: var(--fds-semantic-surface-tertiary-dark);
-  --fdsc-tag-background: var(--fds-semantic-surface-tertiary-dark);
+.filled.third {
+  --fdsc-tag-border: var(--fds-semantic-surface-third-dark);
+  --fdsc-tag-background: var(--fds-semantic-surface-third-dark);
   --fdsc-tag-text: var(--fds-semantic-text-neutral-on_inverted);
 }
diff --git a/packages/react/src/components/Tag/Tag.stories.tsx b/packages/react/src/components/Tag/Tag.stories.tsx
index 45b509019d..ceefc449de 100644
--- a/packages/react/src/components/Tag/Tag.stories.tsx
+++ b/packages/react/src/components/Tag/Tag.stories.tsx
@@ -69,9 +69,9 @@ const colors: TagProps['color'][] = [
   'warning',
   'danger',
   'info',
-  'primary',
-  'secondary',
-  'tertiary',
+  'first',
+  'second',
+  'third',
 ];
 
 export const Colors: StoryFn<typeof Tag> = ({ ...rest }): JSX.Element => {
diff --git a/packages/react/src/components/Tag/Tag.test.tsx b/packages/react/src/components/Tag/Tag.test.tsx
index 1006a90ce8..202c0d1002 100644
--- a/packages/react/src/components/Tag/Tag.test.tsx
+++ b/packages/react/src/components/Tag/Tag.test.tsx
@@ -37,9 +37,9 @@ describe('Tag', () => {
       expect(screen.getByText('Beta')).toHaveClass('outlined');
     });
 
-    test('should render color primary', (): void => {
-      render(<Tag color='primary'>Beta</Tag>);
-      expect(screen.getByText('Beta')).toHaveClass('primary');
+    test('should render color first', (): void => {
+      render(<Tag color='first'>Beta</Tag>);
+      expect(screen.getByText('Beta')).toHaveClass('first');
     });
 
     test('should have custom className', () => {
diff --git a/packages/react/src/components/Tag/Tag.tsx b/packages/react/src/components/Tag/Tag.tsx
index 28aef87160..c9ece3ac01 100644
--- a/packages/react/src/components/Tag/Tag.tsx
+++ b/packages/react/src/components/Tag/Tag.tsx
@@ -7,7 +7,7 @@ import { Paragraph } from '../Typography';
 
 import classes from './Tag.module.css';
 
-type BrandColor = 'primary' | 'secondary' | 'tertiary';
+type BrandColor = 'first' | 'second' | 'third';
 type VariantColor = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
 type Size = Exclude<ParagraphProps['size'], 'large'>;
 
diff --git a/packages/react/src/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.tsx b/packages/react/src/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.tsx
index ced224c6d6..6476b587a7 100644
--- a/packages/react/src/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.tsx
+++ b/packages/react/src/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.tsx
@@ -35,7 +35,7 @@ export const ToggleGroupItem = forwardRef<
       as={Button}
       value={rest.value}
       icon={icon}
-      color='primary'
+      color='first'
       variant={active ? 'filled' : 'quiet'}
       size={size}
       iconPlacement='left'
diff --git a/packages/tokens/brand/altinn/tokens.cjs.js b/packages/tokens/brand/altinn/tokens.cjs.js
index 67a8ab6ded..404e003a2a 100644
--- a/packages/tokens/brand/altinn/tokens.cjs.js
+++ b/packages/tokens/brand/altinn/tokens.cjs.js
@@ -22,22 +22,22 @@ module.exports = {
   "semantic_surface_action_no_fill_hover": "#e6eff8",
   "semantic_surface_action_no_fill_active": "#b3d0ea",
   "semantic_surface_action_checked": "#0062ba",
-  "semantic_surface_action_primary_subtle": "#e6eff8",
-  "semantic_surface_action_primary_subtle_hover": "#b3d0ea",
-  "semantic_surface_action_primary_default": "#0062ba",
-  "semantic_surface_action_primary_hover": "#004e95",
-  "semantic_surface_action_primary_active": "#00315d",
-  "semantic_surface_action_primary_no_fill": "#ffffff",
-  "semantic_surface_action_primary_no_fill_hover": "#e6eff8",
-  "semantic_surface_action_primary_no_fill_active": "#b3d0ea",
-  "semantic_surface_action_secondary_subtle": "#f4f5f6",
-  "semantic_surface_action_secondary_subtle_hover": "#e9eaec",
-  "semantic_surface_action_secondary_default": "#00315d",
-  "semantic_surface_action_secondary_hover": "rgba(0, 49, 93, 0.9)",
-  "semantic_surface_action_secondary_active": "rgba(0, 49, 93, 0.8)",
-  "semantic_surface_action_secondary_no_fill": "#ffffff",
-  "semantic_surface_action_secondary_no_fill_hover": "rgba(0, 49, 93, 0.1)",
-  "semantic_surface_action_secondary_no_fill_active": "rgba(0, 49, 93, 0.2)",
+  "semantic_surface_action_first_subtle": "#e6eff8",
+  "semantic_surface_action_first_subtle_hover": "#b3d0ea",
+  "semantic_surface_action_first_default": "#0062ba",
+  "semantic_surface_action_first_hover": "#004e95",
+  "semantic_surface_action_first_active": "#00315d",
+  "semantic_surface_action_first_no_fill": "#ffffff",
+  "semantic_surface_action_first_no_fill_hover": "#e6eff8",
+  "semantic_surface_action_first_no_fill_active": "#b3d0ea",
+  "semantic_surface_action_second_subtle": "#f4f5f6",
+  "semantic_surface_action_second_subtle_hover": "#e9eaec",
+  "semantic_surface_action_second_default": "#00315d",
+  "semantic_surface_action_second_hover": "rgba(0, 49, 93, 0.9)",
+  "semantic_surface_action_second_active": "rgba(0, 49, 93, 0.8)",
+  "semantic_surface_action_second_no_fill": "#ffffff",
+  "semantic_surface_action_second_no_fill_hover": "rgba(0, 49, 93, 0.1)",
+  "semantic_surface_action_second_no_fill_active": "rgba(0, 49, 93, 0.2)",
   "semantic_surface_success_subtle": "#d1f4e1",
   "semantic_surface_success_subtle_hover": "#8be4b5",
   "semantic_surface_success_default": "#118849",
@@ -65,18 +65,18 @@ module.exports = {
   "semantic_surface_on_inverted_no_fill": "#ffffff00",
   "semantic_surface_on_inverted_no_fill_hover": "#ffffff1a",
   "semantic_surface_on_inverted_no_fill_active": "#ffffff33",
-  "semantic_surface_primary_light": "#B3D0EA",
-  "semantic_surface_primary_light_hover": "#80B1DD",
-  "semantic_surface_primary_light_active": "#66A1D6",
-  "semantic_surface_primary_dark": "#004E95",
-  "semantic_surface_secondary_light": "#C5BBDD",
-  "semantic_surface_secondary_light_hover": "#A392C8",
-  "semantic_surface_secondary_light_active": "#806AB4",
-  "semantic_surface_secondary_dark": "#231B36",
-  "semantic_surface_tertiary_light": "#F3ABB6",
-  "semantic_surface_tertiary_light_hover": "#EC8292",
-  "semantic_surface_tertiary_light_active": "#E6586D",
-  "semantic_surface_tertiary_dark": "#5A121D",
+  "semantic_surface_first_light": "#B3D0EA",
+  "semantic_surface_first_light_hover": "#80B1DD",
+  "semantic_surface_first_light_active": "#66A1D6",
+  "semantic_surface_first_dark": "#004E95",
+  "semantic_surface_second_light": "#C5BBDD",
+  "semantic_surface_second_light_hover": "#A392C8",
+  "semantic_surface_second_light_active": "#806AB4",
+  "semantic_surface_second_dark": "#231B36",
+  "semantic_surface_third_light": "#F3ABB6",
+  "semantic_surface_third_light_hover": "#EC8292",
+  "semantic_surface_third_light_active": "#E6586D",
+  "semantic_surface_third_dark": "#5A121D",
   "semantic_border_info_default": "#004e95",
   "semantic_border_action_subtle": "#b3d0ea",
   "semantic_border_action_subtle_hover": "#66a1d6",
@@ -85,16 +85,16 @@ module.exports = {
   "semantic_border_action_active": "#00315d",
   "semantic_border_action_dark": "#00315d",
   "semantic_border_action_dark_hover": "#0062ba",
-  "semantic_border_action_primary_subtle": "#b3d0ea",
-  "semantic_border_action_primary_subtle_hover": "#66a1d6",
-  "semantic_border_action_primary_default": "#0062ba",
-  "semantic_border_action_primary_hover": "#004e95",
-  "semantic_border_action_primary_active": "#00315d",
-  "semantic_border_action_secondary_subtle": "#e9eaec",
-  "semantic_border_action_secondary_subtle_hover": "#d2d5d8",
-  "semantic_border_action_secondary_default": "#00315d",
-  "semantic_border_action_secondary_hover": "#00315d",
-  "semantic_border_action_secondary_active": "#00315d",
+  "semantic_border_action_first_subtle": "#e9eaec",
+  "semantic_border_action_first_subtle_hover": "#d2d5d8",
+  "semantic_border_action_first_default": "#00315d",
+  "semantic_border_action_first_hover": "#00315d",
+  "semantic_border_action_first_active": "#00315d",
+  "semantic_border_action_second_subtle": "#e9eaec",
+  "semantic_border_action_second_subtle_hover": "#d2d5d8",
+  "semantic_border_action_second_default": "#00315d",
+  "semantic_border_action_second_hover": "#00315d",
+  "semantic_border_action_second_active": "#00315d",
   "semantic_border_neutral_default": "#68707c",
   "semantic_border_neutral_subtle": "#d2d5d8",
   "semantic_border_neutral_strong": "#1e2b3c",
@@ -113,15 +113,15 @@ module.exports = {
   "semantic_border_on_inverted_default": "#ffffff",
   "semantic_border_input_default": "#00315d",
   "semantic_border_input_hover": "#0062ba",
-  "semantic_border_primary_default": "#1A72C1",
-  "semantic_border_primary_hover": "#0062BA",
-  "semantic_border_primary_active": "#004E95",
-  "semantic_border_secondary_default": "#594488",
-  "semantic_border_secondary_hover": "#3F3161",
-  "semantic_border_secondary_active": "#352951",
-  "semantic_border_tertiary_default": "#B3253A",
-  "semantic_border_tertiary_hover": "#861C2C",
-  "semantic_border_tertiary_active": "#5A121D",
+  "semantic_border_first_default": "#1A72C1",
+  "semantic_border_first_hover": "#0062BA",
+  "semantic_border_first_active": "#004E95",
+  "semantic_border_second_default": "#594488",
+  "semantic_border_second_hover": "#3F3161",
+  "semantic_border_second_active": "#352951",
+  "semantic_border_third_default": "#B3253A",
+  "semantic_border_third_hover": "#861C2C",
+  "semantic_border_third_active": "#5A121D",
   "semantic_text_success_default": "#0c6536",
   "semantic_text_success_hover": "#084826",
   "semantic_text_success_active": "#084826",
@@ -134,14 +134,14 @@ module.exports = {
   "semantic_text_action_hover": "#004e95",
   "semantic_text_action_active": "#00315d",
   "semantic_text_action_on_action": "#ffffff",
-  "semantic_text_action_primary_default": "#0062ba",
-  "semantic_text_action_primary_hover": "#004e95",
-  "semantic_text_action_primary_active": "#00315d",
-  "semantic_text_action_primary_on_action": "#ffffff",
-  "semantic_text_action_secondary_default": "#00315d",
-  "semantic_text_action_secondary_hover": "#00315d",
-  "semantic_text_action_secondary_active": "#00315d",
-  "semantic_text_action_secondary_on_action": "#ffffff",
+  "semantic_text_action_first_default": "#0062ba",
+  "semantic_text_action_first_hover": "#004e95",
+  "semantic_text_action_first_active": "#00315d",
+  "semantic_text_action_first_on_action": "#ffffff",
+  "semantic_text_action_second_default": "#00315d",
+  "semantic_text_action_second_hover": "#00315d",
+  "semantic_text_action_second_active": "#00315d",
+  "semantic_text_action_second_on_action": "#ffffff",
   "semantic_text_warning_default": "#995404",
   "semantic_text_warning_icon_warning": "#cc7005",
   "semantic_text_warning_on_warning": "#663802",
@@ -225,33 +225,33 @@ module.exports = {
   "shadow_medium": "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a",
   "shadow_large": "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a",
   "shadow_xlarge": "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a",
-  "brand_primary_100": "#E6EFF8",
-  "brand_primary_200": "#B3D0EA",
-  "brand_primary_300": "#80B1DD",
-  "brand_primary_400": "#66A1D6",
-  "brand_primary_500": "#3381C8",
-  "brand_primary_600": "#1A72C1",
-  "brand_primary_700": "#0062BA",
-  "brand_primary_800": "#004E95",
-  "brand_primary_900": "#00315D",
-  "brand_secondary_100": "#DCD6EA",
-  "brand_secondary_200": "#C5BBDD",
-  "brand_secondary_300": "#A392C8",
-  "brand_secondary_400": "#806AB4",
-  "brand_secondary_500": "#6A52A3",
-  "brand_secondary_600": "#594488",
-  "brand_secondary_700": "#3F3161",
-  "brand_secondary_800": "#352951",
-  "brand_secondary_900": "#231B36",
-  "brand_tertiary_100": "#F9D5DB",
-  "brand_tertiary_200": "#F3ABB6",
-  "brand_tertiary_300": "#EC8292",
-  "brand_tertiary_400": "#E6586D",
-  "brand_tertiary_500": "#E02E49",
-  "brand_tertiary_600": "#B3253A",
-  "brand_tertiary_700": "#861C2C",
-  "brand_tertiary_800": "#5A121D",
-  "brand_tertiary_900": "#480e17",
+  "brand_alt1_100": "#E6EFF8",
+  "brand_alt1_200": "#B3D0EA",
+  "brand_alt1_300": "#80B1DD",
+  "brand_alt1_400": "#66A1D6",
+  "brand_alt1_500": "#3381C8",
+  "brand_alt1_600": "#1A72C1",
+  "brand_alt1_700": "#0062BA",
+  "brand_alt1_800": "#004E95",
+  "brand_alt1_900": "#00315D",
+  "brand_alt2_100": "#DCD6EA",
+  "brand_alt2_200": "#C5BBDD",
+  "brand_alt2_300": "#A392C8",
+  "brand_alt2_400": "#806AB4",
+  "brand_alt2_500": "#6A52A3",
+  "brand_alt2_600": "#594488",
+  "brand_alt2_700": "#3F3161",
+  "brand_alt2_800": "#352951",
+  "brand_alt2_900": "#231B36",
+  "brand_alt3_100": "#F9D5DB",
+  "brand_alt3_200": "#F3ABB6",
+  "brand_alt3_300": "#EC8292",
+  "brand_alt3_400": "#E6586D",
+  "brand_alt3_500": "#E02E49",
+  "brand_alt3_600": "#B3253A",
+  "brand_alt3_700": "#861C2C",
+  "brand_alt3_800": "#5A121D",
+  "brand_alt3_900": "#480e17",
   "component_mode_height_small": "36px",
   "component_mode_height_medium": "45px",
   "component_mode_height_large": "54px",
diff --git a/packages/tokens/brand/altinn/tokens.css b/packages/tokens/brand/altinn/tokens.css
index d7a412d127..17e0caf4da 100644
--- a/packages/tokens/brand/altinn/tokens.css
+++ b/packages/tokens/brand/altinn/tokens.css
@@ -26,22 +26,22 @@
   --fds-semantic-surface-action-no_fill-hover: #e6eff8;
   --fds-semantic-surface-action-no_fill-active: #b3d0ea;
   --fds-semantic-surface-action-checked: #0062ba;
-  --fds-semantic-surface-action-primary-subtle: #e6eff8;
-  --fds-semantic-surface-action-primary-subtle-hover: #b3d0ea;
-  --fds-semantic-surface-action-primary-default: #0062ba;
-  --fds-semantic-surface-action-primary-hover: #004e95;
-  --fds-semantic-surface-action-primary-active: #00315d;
-  --fds-semantic-surface-action-primary-no_fill: #ffffff;
-  --fds-semantic-surface-action-primary-no_fill-hover: #e6eff8;
-  --fds-semantic-surface-action-primary-no_fill-active: #b3d0ea;
-  --fds-semantic-surface-action-secondary-subtle: #f4f5f6;
-  --fds-semantic-surface-action-secondary-subtle-hover: #e9eaec;
-  --fds-semantic-surface-action-secondary-default: #00315d;
-  --fds-semantic-surface-action-secondary-hover: rgba(0, 49, 93, 0.9);
-  --fds-semantic-surface-action-secondary-active: rgba(0, 49, 93, 0.8);
-  --fds-semantic-surface-action-secondary-no_fill: #ffffff;
-  --fds-semantic-surface-action-secondary-no_fill-hover: rgba(0, 49, 93, 0.1);
-  --fds-semantic-surface-action-secondary-no_fill-active: rgba(0, 49, 93, 0.2);
+  --fds-semantic-surface-action-first-subtle: #e6eff8;
+  --fds-semantic-surface-action-first-subtle-hover: #b3d0ea;
+  --fds-semantic-surface-action-first-default: #0062ba;
+  --fds-semantic-surface-action-first-hover: #004e95;
+  --fds-semantic-surface-action-first-active: #00315d;
+  --fds-semantic-surface-action-first-no_fill: #ffffff;
+  --fds-semantic-surface-action-first-no_fill-hover: #e6eff8;
+  --fds-semantic-surface-action-first-no_fill-active: #b3d0ea;
+  --fds-semantic-surface-action-second-subtle: #f4f5f6;
+  --fds-semantic-surface-action-second-subtle-hover: #e9eaec;
+  --fds-semantic-surface-action-second-default: #00315d;
+  --fds-semantic-surface-action-second-hover: rgba(0, 49, 93, 0.9);
+  --fds-semantic-surface-action-second-active: rgba(0, 49, 93, 0.8);
+  --fds-semantic-surface-action-second-no_fill: #ffffff;
+  --fds-semantic-surface-action-second-no_fill-hover: rgba(0, 49, 93, 0.1);
+  --fds-semantic-surface-action-second-no_fill-active: rgba(0, 49, 93, 0.2);
   --fds-semantic-surface-success-subtle: #d1f4e1;
   --fds-semantic-surface-success-subtle-hover: #8be4b5;
   --fds-semantic-surface-success-default: #118849;
@@ -69,18 +69,18 @@
   --fds-semantic-surface-on_inverted-no_fill: #ffffff00;
   --fds-semantic-surface-on_inverted-no_fill-hover: #ffffff1a;
   --fds-semantic-surface-on_inverted-no_fill-active: #ffffff33;
-  --fds-semantic-surface-primary-light: #B3D0EA;
-  --fds-semantic-surface-primary-light-hover: #80B1DD;
-  --fds-semantic-surface-primary-light-active: #66A1D6;
-  --fds-semantic-surface-primary-dark: #004E95;
-  --fds-semantic-surface-secondary-light: #C5BBDD;
-  --fds-semantic-surface-secondary-light-hover: #A392C8;
-  --fds-semantic-surface-secondary-light-active: #806AB4;
-  --fds-semantic-surface-secondary-dark: #231B36;
-  --fds-semantic-surface-tertiary-light: #F3ABB6;
-  --fds-semantic-surface-tertiary-light-hover: #EC8292;
-  --fds-semantic-surface-tertiary-light-active: #E6586D;
-  --fds-semantic-surface-tertiary-dark: #5A121D;
+  --fds-semantic-surface-first-light: #B3D0EA;
+  --fds-semantic-surface-first-light-hover: #80B1DD;
+  --fds-semantic-surface-first-light-active: #66A1D6;
+  --fds-semantic-surface-first-dark: #004E95;
+  --fds-semantic-surface-second-light: #C5BBDD;
+  --fds-semantic-surface-second-light-hover: #A392C8;
+  --fds-semantic-surface-second-light-active: #806AB4;
+  --fds-semantic-surface-second-dark: #231B36;
+  --fds-semantic-surface-third-light: #F3ABB6;
+  --fds-semantic-surface-third-light-hover: #EC8292;
+  --fds-semantic-surface-third-light-active: #E6586D;
+  --fds-semantic-surface-third-dark: #5A121D;
   --fds-semantic-border-info-default: #004e95;
   --fds-semantic-border-action-subtle: #b3d0ea;
   --fds-semantic-border-action-subtle-hover: #66a1d6;
@@ -89,16 +89,16 @@
   --fds-semantic-border-action-active: #00315d;
   --fds-semantic-border-action-dark: #00315d;
   --fds-semantic-border-action-dark-hover: #0062ba;
-  --fds-semantic-border-action-primary-subtle: #b3d0ea;
-  --fds-semantic-border-action-primary-subtle-hover: #66a1d6;
-  --fds-semantic-border-action-primary-default: #0062ba;
-  --fds-semantic-border-action-primary-hover: #004e95;
-  --fds-semantic-border-action-primary-active: #00315d;
-  --fds-semantic-border-action-secondary-subtle: #e9eaec;
-  --fds-semantic-border-action-secondary-subtle-hover: #d2d5d8;
-  --fds-semantic-border-action-secondary-default: #00315d;
-  --fds-semantic-border-action-secondary-hover: #00315d;
-  --fds-semantic-border-action-secondary-active: #00315d;
+  --fds-semantic-border-action-first-subtle: #e9eaec;
+  --fds-semantic-border-action-first-subtle-hover: #d2d5d8;
+  --fds-semantic-border-action-first-default: #00315d;
+  --fds-semantic-border-action-first-hover: #00315d;
+  --fds-semantic-border-action-first-active: #00315d;
+  --fds-semantic-border-action-second-subtle: #e9eaec;
+  --fds-semantic-border-action-second-subtle-hover: #d2d5d8;
+  --fds-semantic-border-action-second-default: #00315d;
+  --fds-semantic-border-action-second-hover: #00315d;
+  --fds-semantic-border-action-second-active: #00315d;
   --fds-semantic-border-neutral-default: #68707c;
   --fds-semantic-border-neutral-subtle: #d2d5d8;
   --fds-semantic-border-neutral-strong: #1e2b3c;
@@ -117,15 +117,15 @@
   --fds-semantic-border-on_inverted-default: #ffffff;
   --fds-semantic-border-input-default: #00315d;
   --fds-semantic-border-input-hover: #0062ba;
-  --fds-semantic-border-primary-default: #1A72C1;
-  --fds-semantic-border-primary-hover: #0062BA;
-  --fds-semantic-border-primary-active: #004E95;
-  --fds-semantic-border-secondary-default: #594488;
-  --fds-semantic-border-secondary-hover: #3F3161;
-  --fds-semantic-border-secondary-active: #352951;
-  --fds-semantic-border-tertiary-default: #B3253A;
-  --fds-semantic-border-tertiary-hover: #861C2C;
-  --fds-semantic-border-tertiary-active: #5A121D;
+  --fds-semantic-border-first-default: #1A72C1;
+  --fds-semantic-border-first-hover: #0062BA;
+  --fds-semantic-border-first-active: #004E95;
+  --fds-semantic-border-second-default: #594488;
+  --fds-semantic-border-second-hover: #3F3161;
+  --fds-semantic-border-second-active: #352951;
+  --fds-semantic-border-third-default: #B3253A;
+  --fds-semantic-border-third-hover: #861C2C;
+  --fds-semantic-border-third-active: #5A121D;
   --fds-semantic-text-success-default: #0c6536;
   --fds-semantic-text-success-hover: #084826;
   --fds-semantic-text-success-active: #084826;
@@ -138,14 +138,14 @@
   --fds-semantic-text-action-hover: #004e95;
   --fds-semantic-text-action-active: #00315d;
   --fds-semantic-text-action-on_action: #ffffff;
-  --fds-semantic-text-action-primary-default: #0062ba;
-  --fds-semantic-text-action-primary-hover: #004e95;
-  --fds-semantic-text-action-primary-active: #00315d;
-  --fds-semantic-text-action-primary-on_action: #ffffff;
-  --fds-semantic-text-action-secondary-default: #00315d;
-  --fds-semantic-text-action-secondary-hover: #00315d;
-  --fds-semantic-text-action-secondary-active: #00315d;
-  --fds-semantic-text-action-secondary-on_action: #ffffff;
+  --fds-semantic-text-action-first-default: #0062ba;
+  --fds-semantic-text-action-first-hover: #004e95;
+  --fds-semantic-text-action-first-active: #00315d;
+  --fds-semantic-text-action-first-on_action: #ffffff;
+  --fds-semantic-text-action-second-default: #00315d;
+  --fds-semantic-text-action-second-hover: #00315d;
+  --fds-semantic-text-action-second-active: #00315d;
+  --fds-semantic-text-action-second-on_action: #ffffff;
   --fds-semantic-text-warning-default: #995404;
   --fds-semantic-text-warning-icon_warning: #cc7005;
   --fds-semantic-text-warning-on_warning: #663802;
@@ -229,33 +229,33 @@
   --fds-shadow-medium: 0 2px 4px -2px #0000001a, 0 4px 5px #0000001a;
   --fds-shadow-large: 0 4px 6px -4px #0000001a, 0 10px 12px #0000001a;
   --fds-shadow-xlarge: 0 8px 10px -6px #0000001a, 0 25px 45px #0000001a;
-  --fds-brand-primary-100: #E6EFF8;
-  --fds-brand-primary-200: #B3D0EA;
-  --fds-brand-primary-300: #80B1DD;
-  --fds-brand-primary-400: #66A1D6;
-  --fds-brand-primary-500: #3381C8;
-  --fds-brand-primary-600: #1A72C1;
-  --fds-brand-primary-700: #0062BA;
-  --fds-brand-primary-800: #004E95;
-  --fds-brand-primary-900: #00315D;
-  --fds-brand-secondary-100: #DCD6EA;
-  --fds-brand-secondary-200: #C5BBDD;
-  --fds-brand-secondary-300: #A392C8;
-  --fds-brand-secondary-400: #806AB4;
-  --fds-brand-secondary-500: #6A52A3;
-  --fds-brand-secondary-600: #594488;
-  --fds-brand-secondary-700: #3F3161;
-  --fds-brand-secondary-800: #352951;
-  --fds-brand-secondary-900: #231B36;
-  --fds-brand-tertiary-100: #F9D5DB;
-  --fds-brand-tertiary-200: #F3ABB6;
-  --fds-brand-tertiary-300: #EC8292;
-  --fds-brand-tertiary-400: #E6586D;
-  --fds-brand-tertiary-500: #E02E49;
-  --fds-brand-tertiary-600: #B3253A;
-  --fds-brand-tertiary-700: #861C2C;
-  --fds-brand-tertiary-800: #5A121D;
-  --fds-brand-tertiary-900: #480e17;
+  --fds-brand-alt1-100: #E6EFF8;
+  --fds-brand-alt1-200: #B3D0EA;
+  --fds-brand-alt1-300: #80B1DD;
+  --fds-brand-alt1-400: #66A1D6;
+  --fds-brand-alt1-500: #3381C8;
+  --fds-brand-alt1-600: #1A72C1;
+  --fds-brand-alt1-700: #0062BA;
+  --fds-brand-alt1-800: #004E95;
+  --fds-brand-alt1-900: #00315D;
+  --fds-brand-alt2-100: #DCD6EA;
+  --fds-brand-alt2-200: #C5BBDD;
+  --fds-brand-alt2-300: #A392C8;
+  --fds-brand-alt2-400: #806AB4;
+  --fds-brand-alt2-500: #6A52A3;
+  --fds-brand-alt2-600: #594488;
+  --fds-brand-alt2-700: #3F3161;
+  --fds-brand-alt2-800: #352951;
+  --fds-brand-alt2-900: #231B36;
+  --fds-brand-alt3-100: #F9D5DB;
+  --fds-brand-alt3-200: #F3ABB6;
+  --fds-brand-alt3-300: #EC8292;
+  --fds-brand-alt3-400: #E6586D;
+  --fds-brand-alt3-500: #E02E49;
+  --fds-brand-alt3-600: #B3253A;
+  --fds-brand-alt3-700: #861C2C;
+  --fds-brand-alt3-800: #5A121D;
+  --fds-brand-alt3-900: #480e17;
   --fds-component-mode-height-small: 36px;
   --fds-component-mode-height-medium: var(--fds-sizing-10);
   --fds-component-mode-height-large: var(--fds-sizing-12);
diff --git a/packages/tokens/brand/altinn/tokens.d.ts b/packages/tokens/brand/altinn/tokens.d.ts
index 32e23f2b15..7d87c4a3ec 100644
--- a/packages/tokens/brand/altinn/tokens.d.ts
+++ b/packages/tokens/brand/altinn/tokens.d.ts
@@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill : string;
 export const semantic_surface_action_no_fill_hover : string;
 export const semantic_surface_action_no_fill_active : string;
 export const semantic_surface_action_checked : string;
-export const semantic_surface_action_primary_subtle : string;
-export const semantic_surface_action_primary_subtle_hover : string;
-export const semantic_surface_action_primary_default : string;
-export const semantic_surface_action_primary_hover : string;
-export const semantic_surface_action_primary_active : string;
-export const semantic_surface_action_primary_no_fill : string;
-export const semantic_surface_action_primary_no_fill_hover : string;
-export const semantic_surface_action_primary_no_fill_active : string;
-export const semantic_surface_action_secondary_subtle : string;
-export const semantic_surface_action_secondary_subtle_hover : string;
-export const semantic_surface_action_secondary_default : string;
-export const semantic_surface_action_secondary_hover : string;
-export const semantic_surface_action_secondary_active : string;
-export const semantic_surface_action_secondary_no_fill : string;
-export const semantic_surface_action_secondary_no_fill_hover : string;
-export const semantic_surface_action_secondary_no_fill_active : string;
+export const semantic_surface_action_first_subtle : string;
+export const semantic_surface_action_first_subtle_hover : string;
+export const semantic_surface_action_first_default : string;
+export const semantic_surface_action_first_hover : string;
+export const semantic_surface_action_first_active : string;
+export const semantic_surface_action_first_no_fill : string;
+export const semantic_surface_action_first_no_fill_hover : string;
+export const semantic_surface_action_first_no_fill_active : string;
+export const semantic_surface_action_second_subtle : string;
+export const semantic_surface_action_second_subtle_hover : string;
+export const semantic_surface_action_second_default : string;
+export const semantic_surface_action_second_hover : string;
+export const semantic_surface_action_second_active : string;
+export const semantic_surface_action_second_no_fill : string;
+export const semantic_surface_action_second_no_fill_hover : string;
+export const semantic_surface_action_second_no_fill_active : string;
 export const semantic_surface_success_subtle : string;
 export const semantic_surface_success_subtle_hover : string;
 export const semantic_surface_success_default : string;
@@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active : string;
 export const semantic_surface_on_inverted_no_fill : string;
 export const semantic_surface_on_inverted_no_fill_hover : string;
 export const semantic_surface_on_inverted_no_fill_active : string;
-export const semantic_surface_primary_light : string;
-export const semantic_surface_primary_light_hover : string;
-export const semantic_surface_primary_light_active : string;
-export const semantic_surface_primary_dark : string;
-export const semantic_surface_secondary_light : string;
-export const semantic_surface_secondary_light_hover : string;
-export const semantic_surface_secondary_light_active : string;
-export const semantic_surface_secondary_dark : string;
-export const semantic_surface_tertiary_light : string;
-export const semantic_surface_tertiary_light_hover : string;
-export const semantic_surface_tertiary_light_active : string;
-export const semantic_surface_tertiary_dark : string;
+export const semantic_surface_first_light : string;
+export const semantic_surface_first_light_hover : string;
+export const semantic_surface_first_light_active : string;
+export const semantic_surface_first_dark : string;
+export const semantic_surface_second_light : string;
+export const semantic_surface_second_light_hover : string;
+export const semantic_surface_second_light_active : string;
+export const semantic_surface_second_dark : string;
+export const semantic_surface_third_light : string;
+export const semantic_surface_third_light_hover : string;
+export const semantic_surface_third_light_active : string;
+export const semantic_surface_third_dark : string;
 export const semantic_border_info_default : string;
 export const semantic_border_action_subtle : string;
 export const semantic_border_action_subtle_hover : string;
@@ -84,16 +84,16 @@ export const semantic_border_action_hover : string;
 export const semantic_border_action_active : string;
 export const semantic_border_action_dark : string;
 export const semantic_border_action_dark_hover : string;
-export const semantic_border_action_primary_subtle : string;
-export const semantic_border_action_primary_subtle_hover : string;
-export const semantic_border_action_primary_default : string;
-export const semantic_border_action_primary_hover : string;
-export const semantic_border_action_primary_active : string;
-export const semantic_border_action_secondary_subtle : string;
-export const semantic_border_action_secondary_subtle_hover : string;
-export const semantic_border_action_secondary_default : string;
-export const semantic_border_action_secondary_hover : string;
-export const semantic_border_action_secondary_active : string;
+export const semantic_border_action_first_subtle : string;
+export const semantic_border_action_first_subtle_hover : string;
+export const semantic_border_action_first_default : string;
+export const semantic_border_action_first_hover : string;
+export const semantic_border_action_first_active : string;
+export const semantic_border_action_second_subtle : string;
+export const semantic_border_action_second_subtle_hover : string;
+export const semantic_border_action_second_default : string;
+export const semantic_border_action_second_hover : string;
+export const semantic_border_action_second_active : string;
 export const semantic_border_neutral_default : string;
 export const semantic_border_neutral_subtle : string;
 export const semantic_border_neutral_strong : string;
@@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow : string;
 export const semantic_border_on_inverted_default : string;
 export const semantic_border_input_default : string;
 export const semantic_border_input_hover : string;
-export const semantic_border_primary_default : string;
-export const semantic_border_primary_hover : string;
-export const semantic_border_primary_active : string;
-export const semantic_border_secondary_default : string;
-export const semantic_border_secondary_hover : string;
-export const semantic_border_secondary_active : string;
-export const semantic_border_tertiary_default : string;
-export const semantic_border_tertiary_hover : string;
-export const semantic_border_tertiary_active : string;
+export const semantic_border_first_default : string;
+export const semantic_border_first_hover : string;
+export const semantic_border_first_active : string;
+export const semantic_border_second_default : string;
+export const semantic_border_second_hover : string;
+export const semantic_border_second_active : string;
+export const semantic_border_third_default : string;
+export const semantic_border_third_hover : string;
+export const semantic_border_third_active : string;
 export const semantic_text_success_default : string;
 export const semantic_text_success_hover : string;
 export const semantic_text_success_active : string;
@@ -133,14 +133,14 @@ export const semantic_text_action_default : string;
 export const semantic_text_action_hover : string;
 export const semantic_text_action_active : string;
 export const semantic_text_action_on_action : string;
-export const semantic_text_action_primary_default : string;
-export const semantic_text_action_primary_hover : string;
-export const semantic_text_action_primary_active : string;
-export const semantic_text_action_primary_on_action : string;
-export const semantic_text_action_secondary_default : string;
-export const semantic_text_action_secondary_hover : string;
-export const semantic_text_action_secondary_active : string;
-export const semantic_text_action_secondary_on_action : string;
+export const semantic_text_action_first_default : string;
+export const semantic_text_action_first_hover : string;
+export const semantic_text_action_first_active : string;
+export const semantic_text_action_first_on_action : string;
+export const semantic_text_action_second_default : string;
+export const semantic_text_action_second_hover : string;
+export const semantic_text_action_second_active : string;
+export const semantic_text_action_second_on_action : string;
 export const semantic_text_warning_default : string;
 export const semantic_text_warning_icon_warning : string;
 export const semantic_text_warning_on_warning : string;
@@ -224,33 +224,33 @@ export const shadow_small : string;
 export const shadow_medium : string;
 export const shadow_large : string;
 export const shadow_xlarge : string;
-export const brand_primary_100 : string;
-export const brand_primary_200 : string;
-export const brand_primary_300 : string;
-export const brand_primary_400 : string;
-export const brand_primary_500 : string;
-export const brand_primary_600 : string;
-export const brand_primary_700 : string;
-export const brand_primary_800 : string;
-export const brand_primary_900 : string;
-export const brand_secondary_100 : string;
-export const brand_secondary_200 : string;
-export const brand_secondary_300 : string;
-export const brand_secondary_400 : string;
-export const brand_secondary_500 : string;
-export const brand_secondary_600 : string;
-export const brand_secondary_700 : string;
-export const brand_secondary_800 : string;
-export const brand_secondary_900 : string;
-export const brand_tertiary_100 : string;
-export const brand_tertiary_200 : string;
-export const brand_tertiary_300 : string;
-export const brand_tertiary_400 : string;
-export const brand_tertiary_500 : string;
-export const brand_tertiary_600 : string;
-export const brand_tertiary_700 : string;
-export const brand_tertiary_800 : string;
-export const brand_tertiary_900 : string;
+export const brand_alt1_100 : string;
+export const brand_alt1_200 : string;
+export const brand_alt1_300 : string;
+export const brand_alt1_400 : string;
+export const brand_alt1_500 : string;
+export const brand_alt1_600 : string;
+export const brand_alt1_700 : string;
+export const brand_alt1_800 : string;
+export const brand_alt1_900 : string;
+export const brand_alt2_100 : string;
+export const brand_alt2_200 : string;
+export const brand_alt2_300 : string;
+export const brand_alt2_400 : string;
+export const brand_alt2_500 : string;
+export const brand_alt2_600 : string;
+export const brand_alt2_700 : string;
+export const brand_alt2_800 : string;
+export const brand_alt2_900 : string;
+export const brand_alt3_100 : string;
+export const brand_alt3_200 : string;
+export const brand_alt3_300 : string;
+export const brand_alt3_400 : string;
+export const brand_alt3_500 : string;
+export const brand_alt3_600 : string;
+export const brand_alt3_700 : string;
+export const brand_alt3_800 : string;
+export const brand_alt3_900 : string;
 export const component_mode_height_small : string;
 export const component_mode_height_medium : string;
 export const component_mode_height_large : string;
diff --git a/packages/tokens/brand/altinn/tokens.esm.js b/packages/tokens/brand/altinn/tokens.esm.js
index d4cf5bc391..445a2b2275 100644
--- a/packages/tokens/brand/altinn/tokens.esm.js
+++ b/packages/tokens/brand/altinn/tokens.esm.js
@@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill = "#ffffff";
 export const semantic_surface_action_no_fill_hover = "#e6eff8";
 export const semantic_surface_action_no_fill_active = "#b3d0ea";
 export const semantic_surface_action_checked = "#0062ba";
-export const semantic_surface_action_primary_subtle = "#e6eff8";
-export const semantic_surface_action_primary_subtle_hover = "#b3d0ea";
-export const semantic_surface_action_primary_default = "#0062ba";
-export const semantic_surface_action_primary_hover = "#004e95";
-export const semantic_surface_action_primary_active = "#00315d";
-export const semantic_surface_action_primary_no_fill = "#ffffff";
-export const semantic_surface_action_primary_no_fill_hover = "#e6eff8";
-export const semantic_surface_action_primary_no_fill_active = "#b3d0ea";
-export const semantic_surface_action_secondary_subtle = "#f4f5f6";
-export const semantic_surface_action_secondary_subtle_hover = "#e9eaec";
-export const semantic_surface_action_secondary_default = "#00315d";
-export const semantic_surface_action_secondary_hover = "rgba(0, 49, 93, 0.9)";
-export const semantic_surface_action_secondary_active = "rgba(0, 49, 93, 0.8)";
-export const semantic_surface_action_secondary_no_fill = "#ffffff";
-export const semantic_surface_action_secondary_no_fill_hover = "rgba(0, 49, 93, 0.1)";
-export const semantic_surface_action_secondary_no_fill_active = "rgba(0, 49, 93, 0.2)";
+export const semantic_surface_action_first_subtle = "#e6eff8";
+export const semantic_surface_action_first_subtle_hover = "#b3d0ea";
+export const semantic_surface_action_first_default = "#0062ba";
+export const semantic_surface_action_first_hover = "#004e95";
+export const semantic_surface_action_first_active = "#00315d";
+export const semantic_surface_action_first_no_fill = "#ffffff";
+export const semantic_surface_action_first_no_fill_hover = "#e6eff8";
+export const semantic_surface_action_first_no_fill_active = "#b3d0ea";
+export const semantic_surface_action_second_subtle = "#f4f5f6";
+export const semantic_surface_action_second_subtle_hover = "#e9eaec";
+export const semantic_surface_action_second_default = "#00315d";
+export const semantic_surface_action_second_hover = "rgba(0, 49, 93, 0.9)";
+export const semantic_surface_action_second_active = "rgba(0, 49, 93, 0.8)";
+export const semantic_surface_action_second_no_fill = "#ffffff";
+export const semantic_surface_action_second_no_fill_hover = "rgba(0, 49, 93, 0.1)";
+export const semantic_surface_action_second_no_fill_active = "rgba(0, 49, 93, 0.2)";
 export const semantic_surface_success_subtle = "#d1f4e1";
 export const semantic_surface_success_subtle_hover = "#8be4b5";
 export const semantic_surface_success_default = "#118849";
@@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active = "#ffffffcc";
 export const semantic_surface_on_inverted_no_fill = "#ffffff00";
 export const semantic_surface_on_inverted_no_fill_hover = "#ffffff1a";
 export const semantic_surface_on_inverted_no_fill_active = "#ffffff33";
-export const semantic_surface_primary_light = "#B3D0EA";
-export const semantic_surface_primary_light_hover = "#80B1DD";
-export const semantic_surface_primary_light_active = "#66A1D6";
-export const semantic_surface_primary_dark = "#004E95";
-export const semantic_surface_secondary_light = "#C5BBDD";
-export const semantic_surface_secondary_light_hover = "#A392C8";
-export const semantic_surface_secondary_light_active = "#806AB4";
-export const semantic_surface_secondary_dark = "#231B36";
-export const semantic_surface_tertiary_light = "#F3ABB6";
-export const semantic_surface_tertiary_light_hover = "#EC8292";
-export const semantic_surface_tertiary_light_active = "#E6586D";
-export const semantic_surface_tertiary_dark = "#5A121D";
+export const semantic_surface_first_light = "#B3D0EA";
+export const semantic_surface_first_light_hover = "#80B1DD";
+export const semantic_surface_first_light_active = "#66A1D6";
+export const semantic_surface_first_dark = "#004E95";
+export const semantic_surface_second_light = "#C5BBDD";
+export const semantic_surface_second_light_hover = "#A392C8";
+export const semantic_surface_second_light_active = "#806AB4";
+export const semantic_surface_second_dark = "#231B36";
+export const semantic_surface_third_light = "#F3ABB6";
+export const semantic_surface_third_light_hover = "#EC8292";
+export const semantic_surface_third_light_active = "#E6586D";
+export const semantic_surface_third_dark = "#5A121D";
 export const semantic_border_info_default = "#004e95";
 export const semantic_border_action_subtle = "#b3d0ea";
 export const semantic_border_action_subtle_hover = "#66a1d6";
@@ -84,16 +84,16 @@ export const semantic_border_action_hover = "#0062ba";
 export const semantic_border_action_active = "#00315d";
 export const semantic_border_action_dark = "#00315d";
 export const semantic_border_action_dark_hover = "#0062ba";
-export const semantic_border_action_primary_subtle = "#b3d0ea";
-export const semantic_border_action_primary_subtle_hover = "#66a1d6";
-export const semantic_border_action_primary_default = "#0062ba";
-export const semantic_border_action_primary_hover = "#004e95";
-export const semantic_border_action_primary_active = "#00315d";
-export const semantic_border_action_secondary_subtle = "#e9eaec";
-export const semantic_border_action_secondary_subtle_hover = "#d2d5d8";
-export const semantic_border_action_secondary_default = "#00315d";
-export const semantic_border_action_secondary_hover = "#00315d";
-export const semantic_border_action_secondary_active = "#00315d";
+export const semantic_border_action_first_subtle = "#e9eaec";
+export const semantic_border_action_first_subtle_hover = "#d2d5d8";
+export const semantic_border_action_first_default = "#00315d";
+export const semantic_border_action_first_hover = "#00315d";
+export const semantic_border_action_first_active = "#00315d";
+export const semantic_border_action_second_subtle = "#e9eaec";
+export const semantic_border_action_second_subtle_hover = "#d2d5d8";
+export const semantic_border_action_second_default = "#00315d";
+export const semantic_border_action_second_hover = "#00315d";
+export const semantic_border_action_second_active = "#00315d";
 export const semantic_border_neutral_default = "#68707c";
 export const semantic_border_neutral_subtle = "#d2d5d8";
 export const semantic_border_neutral_strong = "#1e2b3c";
@@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow = "#1e2b3c";
 export const semantic_border_on_inverted_default = "#ffffff";
 export const semantic_border_input_default = "#00315d";
 export const semantic_border_input_hover = "#0062ba";
-export const semantic_border_primary_default = "#1A72C1";
-export const semantic_border_primary_hover = "#0062BA";
-export const semantic_border_primary_active = "#004E95";
-export const semantic_border_secondary_default = "#594488";
-export const semantic_border_secondary_hover = "#3F3161";
-export const semantic_border_secondary_active = "#352951";
-export const semantic_border_tertiary_default = "#B3253A";
-export const semantic_border_tertiary_hover = "#861C2C";
-export const semantic_border_tertiary_active = "#5A121D";
+export const semantic_border_first_default = "#1A72C1";
+export const semantic_border_first_hover = "#0062BA";
+export const semantic_border_first_active = "#004E95";
+export const semantic_border_second_default = "#594488";
+export const semantic_border_second_hover = "#3F3161";
+export const semantic_border_second_active = "#352951";
+export const semantic_border_third_default = "#B3253A";
+export const semantic_border_third_hover = "#861C2C";
+export const semantic_border_third_active = "#5A121D";
 export const semantic_text_success_default = "#0c6536";
 export const semantic_text_success_hover = "#084826";
 export const semantic_text_success_active = "#084826";
@@ -133,14 +133,14 @@ export const semantic_text_action_default = "#0062ba";
 export const semantic_text_action_hover = "#004e95";
 export const semantic_text_action_active = "#00315d";
 export const semantic_text_action_on_action = "#ffffff";
-export const semantic_text_action_primary_default = "#0062ba";
-export const semantic_text_action_primary_hover = "#004e95";
-export const semantic_text_action_primary_active = "#00315d";
-export const semantic_text_action_primary_on_action = "#ffffff";
-export const semantic_text_action_secondary_default = "#00315d";
-export const semantic_text_action_secondary_hover = "#00315d";
-export const semantic_text_action_secondary_active = "#00315d";
-export const semantic_text_action_secondary_on_action = "#ffffff";
+export const semantic_text_action_first_default = "#0062ba";
+export const semantic_text_action_first_hover = "#004e95";
+export const semantic_text_action_first_active = "#00315d";
+export const semantic_text_action_first_on_action = "#ffffff";
+export const semantic_text_action_second_default = "#00315d";
+export const semantic_text_action_second_hover = "#00315d";
+export const semantic_text_action_second_active = "#00315d";
+export const semantic_text_action_second_on_action = "#ffffff";
 export const semantic_text_warning_default = "#995404";
 export const semantic_text_warning_icon_warning = "#cc7005";
 export const semantic_text_warning_on_warning = "#663802";
@@ -224,33 +224,33 @@ export const shadow_small = "0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a";
 export const shadow_medium = "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a";
 export const shadow_large = "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a";
 export const shadow_xlarge = "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a";
-export const brand_primary_100 = "#E6EFF8";
-export const brand_primary_200 = "#B3D0EA";
-export const brand_primary_300 = "#80B1DD";
-export const brand_primary_400 = "#66A1D6";
-export const brand_primary_500 = "#3381C8";
-export const brand_primary_600 = "#1A72C1";
-export const brand_primary_700 = "#0062BA";
-export const brand_primary_800 = "#004E95";
-export const brand_primary_900 = "#00315D";
-export const brand_secondary_100 = "#DCD6EA";
-export const brand_secondary_200 = "#C5BBDD";
-export const brand_secondary_300 = "#A392C8";
-export const brand_secondary_400 = "#806AB4";
-export const brand_secondary_500 = "#6A52A3";
-export const brand_secondary_600 = "#594488";
-export const brand_secondary_700 = "#3F3161";
-export const brand_secondary_800 = "#352951";
-export const brand_secondary_900 = "#231B36";
-export const brand_tertiary_100 = "#F9D5DB";
-export const brand_tertiary_200 = "#F3ABB6";
-export const brand_tertiary_300 = "#EC8292";
-export const brand_tertiary_400 = "#E6586D";
-export const brand_tertiary_500 = "#E02E49";
-export const brand_tertiary_600 = "#B3253A";
-export const brand_tertiary_700 = "#861C2C";
-export const brand_tertiary_800 = "#5A121D";
-export const brand_tertiary_900 = "#480e17";
+export const brand_alt1_100 = "#E6EFF8";
+export const brand_alt1_200 = "#B3D0EA";
+export const brand_alt1_300 = "#80B1DD";
+export const brand_alt1_400 = "#66A1D6";
+export const brand_alt1_500 = "#3381C8";
+export const brand_alt1_600 = "#1A72C1";
+export const brand_alt1_700 = "#0062BA";
+export const brand_alt1_800 = "#004E95";
+export const brand_alt1_900 = "#00315D";
+export const brand_alt2_100 = "#DCD6EA";
+export const brand_alt2_200 = "#C5BBDD";
+export const brand_alt2_300 = "#A392C8";
+export const brand_alt2_400 = "#806AB4";
+export const brand_alt2_500 = "#6A52A3";
+export const brand_alt2_600 = "#594488";
+export const brand_alt2_700 = "#3F3161";
+export const brand_alt2_800 = "#352951";
+export const brand_alt2_900 = "#231B36";
+export const brand_alt3_100 = "#F9D5DB";
+export const brand_alt3_200 = "#F3ABB6";
+export const brand_alt3_300 = "#EC8292";
+export const brand_alt3_400 = "#E6586D";
+export const brand_alt3_500 = "#E02E49";
+export const brand_alt3_600 = "#B3253A";
+export const brand_alt3_700 = "#861C2C";
+export const brand_alt3_800 = "#5A121D";
+export const brand_alt3_900 = "#480e17";
 export const component_mode_height_small = "36px";
 export const component_mode_height_medium = "45px";
 export const component_mode_height_large = "54px";
diff --git a/packages/tokens/brand/brreg/tokens.cjs.js b/packages/tokens/brand/brreg/tokens.cjs.js
index c8cb419396..619e26d370 100644
--- a/packages/tokens/brand/brreg/tokens.cjs.js
+++ b/packages/tokens/brand/brreg/tokens.cjs.js
@@ -22,22 +22,22 @@ module.exports = {
   "semantic_surface_action_no_fill_hover": "#e6eff8",
   "semantic_surface_action_no_fill_active": "#b3d0ea",
   "semantic_surface_action_checked": "#0062ba",
-  "semantic_surface_action_primary_subtle": "#e6eff8",
-  "semantic_surface_action_primary_subtle_hover": "#b3d0ea",
-  "semantic_surface_action_primary_default": "#0062ba",
-  "semantic_surface_action_primary_hover": "#004e95",
-  "semantic_surface_action_primary_active": "#00315d",
-  "semantic_surface_action_primary_no_fill": "#ffffff",
-  "semantic_surface_action_primary_no_fill_hover": "#e6eff8",
-  "semantic_surface_action_primary_no_fill_active": "#b3d0ea",
-  "semantic_surface_action_secondary_subtle": "#f4f5f6",
-  "semantic_surface_action_secondary_subtle_hover": "#e9eaec",
-  "semantic_surface_action_secondary_default": "#00315d",
-  "semantic_surface_action_secondary_hover": "rgba(0, 49, 93, 0.9)",
-  "semantic_surface_action_secondary_active": "rgba(0, 49, 93, 0.8)",
-  "semantic_surface_action_secondary_no_fill": "#ffffff",
-  "semantic_surface_action_secondary_no_fill_hover": "rgba(0, 49, 93, 0.1)",
-  "semantic_surface_action_secondary_no_fill_active": "rgba(0, 49, 93, 0.2)",
+  "semantic_surface_action_first_subtle": "#e6eff8",
+  "semantic_surface_action_first_subtle_hover": "#b3d0ea",
+  "semantic_surface_action_first_default": "#0062ba",
+  "semantic_surface_action_first_hover": "#004e95",
+  "semantic_surface_action_first_active": "#00315d",
+  "semantic_surface_action_first_no_fill": "#ffffff",
+  "semantic_surface_action_first_no_fill_hover": "#e6eff8",
+  "semantic_surface_action_first_no_fill_active": "#b3d0ea",
+  "semantic_surface_action_second_subtle": "#f4f5f6",
+  "semantic_surface_action_second_subtle_hover": "#e9eaec",
+  "semantic_surface_action_second_default": "#00315d",
+  "semantic_surface_action_second_hover": "rgba(0, 49, 93, 0.9)",
+  "semantic_surface_action_second_active": "rgba(0, 49, 93, 0.8)",
+  "semantic_surface_action_second_no_fill": "#ffffff",
+  "semantic_surface_action_second_no_fill_hover": "rgba(0, 49, 93, 0.1)",
+  "semantic_surface_action_second_no_fill_active": "rgba(0, 49, 93, 0.2)",
   "semantic_surface_success_subtle": "#d1f4e1",
   "semantic_surface_success_subtle_hover": "#8be4b5",
   "semantic_surface_success_default": "#118849",
@@ -65,18 +65,18 @@ module.exports = {
   "semantic_surface_on_inverted_no_fill": "#ffffff00",
   "semantic_surface_on_inverted_no_fill_hover": "#ffffff1a",
   "semantic_surface_on_inverted_no_fill_active": "#ffffff33",
-  "semantic_surface_primary_light": "#D1E4FF",
-  "semantic_surface_primary_light_hover": "#76ADFB",
-  "semantic_surface_primary_light_active": "#5391E9",
-  "semantic_surface_primary_dark": "#004785",
-  "semantic_surface_secondary_light": "#C9E7F4",
-  "semantic_surface_secondary_light_hover": "#70B3D7",
-  "semantic_surface_secondary_light_active": "#4E99BD",
-  "semantic_surface_secondary_dark": "#1F4B63",
-  "semantic_surface_tertiary_light": "#D7E5E7",
-  "semantic_surface_tertiary_light_hover": "#B9CACB",
-  "semantic_surface_tertiary_light_active": "#9FAEAF",
-  "semantic_surface_tertiary_dark": "#414849",
+  "semantic_surface_first_light": "#D1E4FF",
+  "semantic_surface_first_light_hover": "#76ADFB",
+  "semantic_surface_first_light_active": "#5391E9",
+  "semantic_surface_first_dark": "#004785",
+  "semantic_surface_second_light": "#C9E7F4",
+  "semantic_surface_second_light_hover": "#70B3D7",
+  "semantic_surface_second_light_active": "#4E99BD",
+  "semantic_surface_second_dark": "#1F4B63",
+  "semantic_surface_third_light": "#D7E5E7",
+  "semantic_surface_third_light_hover": "#B9CACB",
+  "semantic_surface_third_light_active": "#9FAEAF",
+  "semantic_surface_third_dark": "#414849",
   "semantic_border_info_default": "#004e95",
   "semantic_border_action_subtle": "#b3d0ea",
   "semantic_border_action_subtle_hover": "#66a1d6",
@@ -85,16 +85,16 @@ module.exports = {
   "semantic_border_action_active": "#00315d",
   "semantic_border_action_dark": "#00315d",
   "semantic_border_action_dark_hover": "#0062ba",
-  "semantic_border_action_primary_subtle": "#b3d0ea",
-  "semantic_border_action_primary_subtle_hover": "#66a1d6",
-  "semantic_border_action_primary_default": "#0062ba",
-  "semantic_border_action_primary_hover": "#004e95",
-  "semantic_border_action_primary_active": "#00315d",
-  "semantic_border_action_secondary_subtle": "#e9eaec",
-  "semantic_border_action_secondary_subtle_hover": "#d2d5d8",
-  "semantic_border_action_secondary_default": "#00315d",
-  "semantic_border_action_secondary_hover": "#00315d",
-  "semantic_border_action_secondary_active": "#00315d",
+  "semantic_border_action_first_subtle": "#e9eaec",
+  "semantic_border_action_first_subtle_hover": "#d2d5d8",
+  "semantic_border_action_first_default": "#00315d",
+  "semantic_border_action_first_hover": "#00315d",
+  "semantic_border_action_first_active": "#00315d",
+  "semantic_border_action_second_subtle": "#e9eaec",
+  "semantic_border_action_second_subtle_hover": "#d2d5d8",
+  "semantic_border_action_second_default": "#00315d",
+  "semantic_border_action_second_hover": "#00315d",
+  "semantic_border_action_second_active": "#00315d",
   "semantic_border_neutral_default": "#68707c",
   "semantic_border_neutral_subtle": "#d2d5d8",
   "semantic_border_neutral_strong": "#1e2b3c",
@@ -113,15 +113,15 @@ module.exports = {
   "semantic_border_on_inverted_default": "#ffffff",
   "semantic_border_input_default": "#00315d",
   "semantic_border_input_hover": "#0062ba",
-  "semantic_border_primary_default": "#005FAE",
-  "semantic_border_primary_hover": "#004785",
-  "semantic_border_primary_active": "#00315E",
-  "semantic_border_secondary_default": "#2C647E",
-  "semantic_border_secondary_hover": "#1F4B63",
-  "semantic_border_secondary_active": "#133349",
-  "semantic_border_tertiary_default": "#879394",
-  "semantic_border_tertiary_hover": "#6D7879",
-  "semantic_border_tertiary_active": "#576061",
+  "semantic_border_first_default": "#005FAE",
+  "semantic_border_first_hover": "#004785",
+  "semantic_border_first_active": "#00315E",
+  "semantic_border_second_default": "#2C647E",
+  "semantic_border_second_hover": "#1F4B63",
+  "semantic_border_second_active": "#133349",
+  "semantic_border_third_default": "#879394",
+  "semantic_border_third_hover": "#6D7879",
+  "semantic_border_third_active": "#576061",
   "semantic_text_success_default": "#0c6536",
   "semantic_text_success_hover": "#084826",
   "semantic_text_success_active": "#084826",
@@ -134,14 +134,14 @@ module.exports = {
   "semantic_text_action_hover": "#004e95",
   "semantic_text_action_active": "#00315d",
   "semantic_text_action_on_action": "#ffffff",
-  "semantic_text_action_primary_default": "#0062ba",
-  "semantic_text_action_primary_hover": "#004e95",
-  "semantic_text_action_primary_active": "#00315d",
-  "semantic_text_action_primary_on_action": "#ffffff",
-  "semantic_text_action_secondary_default": "#00315d",
-  "semantic_text_action_secondary_hover": "#00315d",
-  "semantic_text_action_secondary_active": "#00315d",
-  "semantic_text_action_secondary_on_action": "#ffffff",
+  "semantic_text_action_first_default": "#00315d",
+  "semantic_text_action_first_hover": "#00315d",
+  "semantic_text_action_first_active": "#00315d",
+  "semantic_text_action_first_on_action": "#ffffff",
+  "semantic_text_action_second_default": "#00315d",
+  "semantic_text_action_second_hover": "#00315d",
+  "semantic_text_action_second_active": "#00315d",
+  "semantic_text_action_second_on_action": "#ffffff",
   "semantic_text_warning_default": "#995404",
   "semantic_text_warning_icon_warning": "#cc7005",
   "semantic_text_warning_on_warning": "#663802",
@@ -225,39 +225,39 @@ module.exports = {
   "shadow_medium": "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a",
   "shadow_large": "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a",
   "shadow_xlarge": "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a",
-  "brand_primary_50": "#FFFFFF",
-  "brand_primary_100": "#D1E4FF",
-  "brand_primary_200": "#9ECAFF",
-  "brand_primary_300": "#76ADFB",
-  "brand_primary_400": "#5391E9",
-  "brand_primary_500": "#2B77CC",
-  "brand_primary_600": "#005FAE",
-  "brand_primary_700": "#004785",
-  "brand_primary_800": "#00315E",
-  "brand_primary_900": "#001C3A",
-  "brand_primary_950": "#001127",
-  "brand_secondary_50": "#FFFFFF",
-  "brand_secondary_100": "#E5F3F9",
-  "brand_secondary_200": "#C9E7F4",
-  "brand_secondary_300": "#70B3D7",
-  "brand_secondary_400": "#4E99BD",
-  "brand_secondary_500": "#3B7D9B",
-  "brand_secondary_600": "#2C647E",
-  "brand_secondary_700": "#1F4B63",
-  "brand_secondary_800": "#133349",
-  "brand_secondary_900": "#071D2C",
-  "brand_secondary_950": "#03121D",
-  "brand_tertiary_50": "#EBF2F3",
-  "brand_tertiary_100": "#D7E5E7",
-  "brand_tertiary_200": "#B9CACB",
-  "brand_tertiary_300": "#9FAEAF",
-  "brand_tertiary_400": "#879394",
-  "brand_tertiary_500": "#6D7879",
-  "brand_tertiary_600": "#576061",
-  "brand_tertiary_700": "#414849",
-  "brand_tertiary_800": "#2C3132",
-  "brand_tertiary_900": "#191C1C",
-  "brand_tertiary_950": "#0F1112",
+  "brand_alt1_50": "#FFFFFF",
+  "brand_alt1_100": "#D1E4FF",
+  "brand_alt1_200": "#9ECAFF",
+  "brand_alt1_300": "#76ADFB",
+  "brand_alt1_400": "#5391E9",
+  "brand_alt1_500": "#2B77CC",
+  "brand_alt1_600": "#005FAE",
+  "brand_alt1_700": "#004785",
+  "brand_alt1_800": "#00315E",
+  "brand_alt1_900": "#001C3A",
+  "brand_alt1_950": "#001127",
+  "brand_alt2_50": "#FFFFFF",
+  "brand_alt2_100": "#E5F3F9",
+  "brand_alt2_200": "#C9E7F4",
+  "brand_alt2_300": "#70B3D7",
+  "brand_alt2_400": "#4E99BD",
+  "brand_alt2_500": "#3B7D9B",
+  "brand_alt2_600": "#2C647E",
+  "brand_alt2_700": "#1F4B63",
+  "brand_alt2_800": "#133349",
+  "brand_alt2_900": "#071D2C",
+  "brand_alt2_950": "#03121D",
+  "brand_alt3_50": "#EBF2F3",
+  "brand_alt3_100": "#D7E5E7",
+  "brand_alt3_200": "#B9CACB",
+  "brand_alt3_300": "#9FAEAF",
+  "brand_alt3_400": "#879394",
+  "brand_alt3_500": "#6D7879",
+  "brand_alt3_600": "#576061",
+  "brand_alt3_700": "#414849",
+  "brand_alt3_800": "#2C3132",
+  "brand_alt3_900": "#191C1C",
+  "brand_alt3_950": "#0F1112",
   "component_mode_height_small": "36px",
   "component_mode_height_medium": "45px",
   "component_mode_height_large": "54px",
diff --git a/packages/tokens/brand/brreg/tokens.css b/packages/tokens/brand/brreg/tokens.css
index 4240511b50..904cbb2c54 100644
--- a/packages/tokens/brand/brreg/tokens.css
+++ b/packages/tokens/brand/brreg/tokens.css
@@ -26,22 +26,22 @@
   --fds-semantic-surface-action-no_fill-hover: #e6eff8;
   --fds-semantic-surface-action-no_fill-active: #b3d0ea;
   --fds-semantic-surface-action-checked: #0062ba;
-  --fds-semantic-surface-action-primary-subtle: #e6eff8;
-  --fds-semantic-surface-action-primary-subtle-hover: #b3d0ea;
-  --fds-semantic-surface-action-primary-default: #0062ba;
-  --fds-semantic-surface-action-primary-hover: #004e95;
-  --fds-semantic-surface-action-primary-active: #00315d;
-  --fds-semantic-surface-action-primary-no_fill: #ffffff;
-  --fds-semantic-surface-action-primary-no_fill-hover: #e6eff8;
-  --fds-semantic-surface-action-primary-no_fill-active: #b3d0ea;
-  --fds-semantic-surface-action-secondary-subtle: #f4f5f6;
-  --fds-semantic-surface-action-secondary-subtle-hover: #e9eaec;
-  --fds-semantic-surface-action-secondary-default: #00315d;
-  --fds-semantic-surface-action-secondary-hover: rgba(0, 49, 93, 0.9);
-  --fds-semantic-surface-action-secondary-active: rgba(0, 49, 93, 0.8);
-  --fds-semantic-surface-action-secondary-no_fill: #ffffff;
-  --fds-semantic-surface-action-secondary-no_fill-hover: rgba(0, 49, 93, 0.1);
-  --fds-semantic-surface-action-secondary-no_fill-active: rgba(0, 49, 93, 0.2);
+  --fds-semantic-surface-action-first-subtle: #e6eff8;
+  --fds-semantic-surface-action-first-subtle-hover: #b3d0ea;
+  --fds-semantic-surface-action-first-default: #0062ba;
+  --fds-semantic-surface-action-first-hover: #004e95;
+  --fds-semantic-surface-action-first-active: #00315d;
+  --fds-semantic-surface-action-first-no_fill: #ffffff;
+  --fds-semantic-surface-action-first-no_fill-hover: #e6eff8;
+  --fds-semantic-surface-action-first-no_fill-active: #b3d0ea;
+  --fds-semantic-surface-action-second-subtle: #f4f5f6;
+  --fds-semantic-surface-action-second-subtle-hover: #e9eaec;
+  --fds-semantic-surface-action-second-default: #00315d;
+  --fds-semantic-surface-action-second-hover: rgba(0, 49, 93, 0.9);
+  --fds-semantic-surface-action-second-active: rgba(0, 49, 93, 0.8);
+  --fds-semantic-surface-action-second-no_fill: #ffffff;
+  --fds-semantic-surface-action-second-no_fill-hover: rgba(0, 49, 93, 0.1);
+  --fds-semantic-surface-action-second-no_fill-active: rgba(0, 49, 93, 0.2);
   --fds-semantic-surface-success-subtle: #d1f4e1;
   --fds-semantic-surface-success-subtle-hover: #8be4b5;
   --fds-semantic-surface-success-default: #118849;
@@ -69,18 +69,18 @@
   --fds-semantic-surface-on_inverted-no_fill: #ffffff00;
   --fds-semantic-surface-on_inverted-no_fill-hover: #ffffff1a;
   --fds-semantic-surface-on_inverted-no_fill-active: #ffffff33;
-  --fds-semantic-surface-primary-light: #D1E4FF;
-  --fds-semantic-surface-primary-light-hover: #76ADFB;
-  --fds-semantic-surface-primary-light-active: #5391E9;
-  --fds-semantic-surface-primary-dark: #004785;
-  --fds-semantic-surface-secondary-light: #C9E7F4;
-  --fds-semantic-surface-secondary-light-hover: #70B3D7;
-  --fds-semantic-surface-secondary-light-active: #4E99BD;
-  --fds-semantic-surface-secondary-dark: #1F4B63;
-  --fds-semantic-surface-tertiary-light: #D7E5E7;
-  --fds-semantic-surface-tertiary-light-hover: #B9CACB;
-  --fds-semantic-surface-tertiary-light-active: #9FAEAF;
-  --fds-semantic-surface-tertiary-dark: #414849;
+  --fds-semantic-surface-first-light: #D1E4FF;
+  --fds-semantic-surface-first-light-hover: #76ADFB;
+  --fds-semantic-surface-first-light-active: #5391E9;
+  --fds-semantic-surface-first-dark: #004785;
+  --fds-semantic-surface-second-light: #C9E7F4;
+  --fds-semantic-surface-second-light-hover: #70B3D7;
+  --fds-semantic-surface-second-light-active: #4E99BD;
+  --fds-semantic-surface-second-dark: #1F4B63;
+  --fds-semantic-surface-third-light: #D7E5E7;
+  --fds-semantic-surface-third-light-hover: #B9CACB;
+  --fds-semantic-surface-third-light-active: #9FAEAF;
+  --fds-semantic-surface-third-dark: #414849;
   --fds-semantic-border-info-default: #004e95;
   --fds-semantic-border-action-subtle: #b3d0ea;
   --fds-semantic-border-action-subtle-hover: #66a1d6;
@@ -89,16 +89,16 @@
   --fds-semantic-border-action-active: #00315d;
   --fds-semantic-border-action-dark: #00315d;
   --fds-semantic-border-action-dark-hover: #0062ba;
-  --fds-semantic-border-action-primary-subtle: #b3d0ea;
-  --fds-semantic-border-action-primary-subtle-hover: #66a1d6;
-  --fds-semantic-border-action-primary-default: #0062ba;
-  --fds-semantic-border-action-primary-hover: #004e95;
-  --fds-semantic-border-action-primary-active: #00315d;
-  --fds-semantic-border-action-secondary-subtle: #e9eaec;
-  --fds-semantic-border-action-secondary-subtle-hover: #d2d5d8;
-  --fds-semantic-border-action-secondary-default: #00315d;
-  --fds-semantic-border-action-secondary-hover: #00315d;
-  --fds-semantic-border-action-secondary-active: #00315d;
+  --fds-semantic-border-action-first-subtle: #e9eaec;
+  --fds-semantic-border-action-first-subtle-hover: #d2d5d8;
+  --fds-semantic-border-action-first-default: #00315d;
+  --fds-semantic-border-action-first-hover: #00315d;
+  --fds-semantic-border-action-first-active: #00315d;
+  --fds-semantic-border-action-second-subtle: #e9eaec;
+  --fds-semantic-border-action-second-subtle-hover: #d2d5d8;
+  --fds-semantic-border-action-second-default: #00315d;
+  --fds-semantic-border-action-second-hover: #00315d;
+  --fds-semantic-border-action-second-active: #00315d;
   --fds-semantic-border-neutral-default: #68707c;
   --fds-semantic-border-neutral-subtle: #d2d5d8;
   --fds-semantic-border-neutral-strong: #1e2b3c;
@@ -117,15 +117,15 @@
   --fds-semantic-border-on_inverted-default: #ffffff;
   --fds-semantic-border-input-default: #00315d;
   --fds-semantic-border-input-hover: #0062ba;
-  --fds-semantic-border-primary-default: #005FAE;
-  --fds-semantic-border-primary-hover: #004785;
-  --fds-semantic-border-primary-active: #00315E;
-  --fds-semantic-border-secondary-default: #2C647E;
-  --fds-semantic-border-secondary-hover: #1F4B63;
-  --fds-semantic-border-secondary-active: #133349;
-  --fds-semantic-border-tertiary-default: #879394;
-  --fds-semantic-border-tertiary-hover: #6D7879;
-  --fds-semantic-border-tertiary-active: #576061;
+  --fds-semantic-border-first-default: #005FAE;
+  --fds-semantic-border-first-hover: #004785;
+  --fds-semantic-border-first-active: #00315E;
+  --fds-semantic-border-second-default: #2C647E;
+  --fds-semantic-border-second-hover: #1F4B63;
+  --fds-semantic-border-second-active: #133349;
+  --fds-semantic-border-third-default: #879394;
+  --fds-semantic-border-third-hover: #6D7879;
+  --fds-semantic-border-third-active: #576061;
   --fds-semantic-text-success-default: #0c6536;
   --fds-semantic-text-success-hover: #084826;
   --fds-semantic-text-success-active: #084826;
@@ -138,14 +138,14 @@
   --fds-semantic-text-action-hover: #004e95;
   --fds-semantic-text-action-active: #00315d;
   --fds-semantic-text-action-on_action: #ffffff;
-  --fds-semantic-text-action-primary-default: #0062ba;
-  --fds-semantic-text-action-primary-hover: #004e95;
-  --fds-semantic-text-action-primary-active: #00315d;
-  --fds-semantic-text-action-primary-on_action: #ffffff;
-  --fds-semantic-text-action-secondary-default: #00315d;
-  --fds-semantic-text-action-secondary-hover: #00315d;
-  --fds-semantic-text-action-secondary-active: #00315d;
-  --fds-semantic-text-action-secondary-on_action: #ffffff;
+  --fds-semantic-text-action-first-default: #00315d;
+  --fds-semantic-text-action-first-hover: #00315d;
+  --fds-semantic-text-action-first-active: #00315d;
+  --fds-semantic-text-action-first-on_action: #ffffff;
+  --fds-semantic-text-action-second-default: #00315d;
+  --fds-semantic-text-action-second-hover: #00315d;
+  --fds-semantic-text-action-second-active: #00315d;
+  --fds-semantic-text-action-second-on_action: #ffffff;
   --fds-semantic-text-warning-default: #995404;
   --fds-semantic-text-warning-icon_warning: #cc7005;
   --fds-semantic-text-warning-on_warning: #663802;
@@ -229,39 +229,39 @@
   --fds-shadow-medium: 0 2px 4px -2px #0000001a, 0 4px 5px #0000001a;
   --fds-shadow-large: 0 4px 6px -4px #0000001a, 0 10px 12px #0000001a;
   --fds-shadow-xlarge: 0 8px 10px -6px #0000001a, 0 25px 45px #0000001a;
-  --fds-brand-primary-50: #FFFFFF;
-  --fds-brand-primary-100: #D1E4FF;
-  --fds-brand-primary-200: #9ECAFF;
-  --fds-brand-primary-300: #76ADFB;
-  --fds-brand-primary-400: #5391E9;
-  --fds-brand-primary-500: #2B77CC;
-  --fds-brand-primary-600: #005FAE;
-  --fds-brand-primary-700: #004785;
-  --fds-brand-primary-800: #00315E;
-  --fds-brand-primary-900: #001C3A;
-  --fds-brand-primary-950: #001127;
-  --fds-brand-secondary-50: #FFFFFF;
-  --fds-brand-secondary-100: #E5F3F9;
-  --fds-brand-secondary-200: #C9E7F4;
-  --fds-brand-secondary-300: #70B3D7;
-  --fds-brand-secondary-400: #4E99BD;
-  --fds-brand-secondary-500: #3B7D9B;
-  --fds-brand-secondary-600: #2C647E;
-  --fds-brand-secondary-700: #1F4B63;
-  --fds-brand-secondary-800: #133349;
-  --fds-brand-secondary-900: #071D2C;
-  --fds-brand-secondary-950: #03121D;
-  --fds-brand-tertiary-50: #EBF2F3;
-  --fds-brand-tertiary-100: #D7E5E7;
-  --fds-brand-tertiary-200: #B9CACB;
-  --fds-brand-tertiary-300: #9FAEAF;
-  --fds-brand-tertiary-400: #879394;
-  --fds-brand-tertiary-500: #6D7879;
-  --fds-brand-tertiary-600: #576061;
-  --fds-brand-tertiary-700: #414849;
-  --fds-brand-tertiary-800: #2C3132;
-  --fds-brand-tertiary-900: #191C1C;
-  --fds-brand-tertiary-950: #0F1112;
+  --fds-brand-alt1-50: #FFFFFF;
+  --fds-brand-alt1-100: #D1E4FF;
+  --fds-brand-alt1-200: #9ECAFF;
+  --fds-brand-alt1-300: #76ADFB;
+  --fds-brand-alt1-400: #5391E9;
+  --fds-brand-alt1-500: #2B77CC;
+  --fds-brand-alt1-600: #005FAE;
+  --fds-brand-alt1-700: #004785;
+  --fds-brand-alt1-800: #00315E;
+  --fds-brand-alt1-900: #001C3A;
+  --fds-brand-alt1-950: #001127;
+  --fds-brand-alt2-50: #FFFFFF;
+  --fds-brand-alt2-100: #E5F3F9;
+  --fds-brand-alt2-200: #C9E7F4;
+  --fds-brand-alt2-300: #70B3D7;
+  --fds-brand-alt2-400: #4E99BD;
+  --fds-brand-alt2-500: #3B7D9B;
+  --fds-brand-alt2-600: #2C647E;
+  --fds-brand-alt2-700: #1F4B63;
+  --fds-brand-alt2-800: #133349;
+  --fds-brand-alt2-900: #071D2C;
+  --fds-brand-alt2-950: #03121D;
+  --fds-brand-alt3-50: #EBF2F3;
+  --fds-brand-alt3-100: #D7E5E7;
+  --fds-brand-alt3-200: #B9CACB;
+  --fds-brand-alt3-300: #9FAEAF;
+  --fds-brand-alt3-400: #879394;
+  --fds-brand-alt3-500: #6D7879;
+  --fds-brand-alt3-600: #576061;
+  --fds-brand-alt3-700: #414849;
+  --fds-brand-alt3-800: #2C3132;
+  --fds-brand-alt3-900: #191C1C;
+  --fds-brand-alt3-950: #0F1112;
   --fds-component-mode-height-small: 36px;
   --fds-component-mode-height-medium: var(--fds-sizing-10);
   --fds-component-mode-height-large: var(--fds-sizing-12);
diff --git a/packages/tokens/brand/brreg/tokens.d.ts b/packages/tokens/brand/brreg/tokens.d.ts
index 24c8b6bb0a..84f98352b1 100644
--- a/packages/tokens/brand/brreg/tokens.d.ts
+++ b/packages/tokens/brand/brreg/tokens.d.ts
@@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill : string;
 export const semantic_surface_action_no_fill_hover : string;
 export const semantic_surface_action_no_fill_active : string;
 export const semantic_surface_action_checked : string;
-export const semantic_surface_action_primary_subtle : string;
-export const semantic_surface_action_primary_subtle_hover : string;
-export const semantic_surface_action_primary_default : string;
-export const semantic_surface_action_primary_hover : string;
-export const semantic_surface_action_primary_active : string;
-export const semantic_surface_action_primary_no_fill : string;
-export const semantic_surface_action_primary_no_fill_hover : string;
-export const semantic_surface_action_primary_no_fill_active : string;
-export const semantic_surface_action_secondary_subtle : string;
-export const semantic_surface_action_secondary_subtle_hover : string;
-export const semantic_surface_action_secondary_default : string;
-export const semantic_surface_action_secondary_hover : string;
-export const semantic_surface_action_secondary_active : string;
-export const semantic_surface_action_secondary_no_fill : string;
-export const semantic_surface_action_secondary_no_fill_hover : string;
-export const semantic_surface_action_secondary_no_fill_active : string;
+export const semantic_surface_action_first_subtle : string;
+export const semantic_surface_action_first_subtle_hover : string;
+export const semantic_surface_action_first_default : string;
+export const semantic_surface_action_first_hover : string;
+export const semantic_surface_action_first_active : string;
+export const semantic_surface_action_first_no_fill : string;
+export const semantic_surface_action_first_no_fill_hover : string;
+export const semantic_surface_action_first_no_fill_active : string;
+export const semantic_surface_action_second_subtle : string;
+export const semantic_surface_action_second_subtle_hover : string;
+export const semantic_surface_action_second_default : string;
+export const semantic_surface_action_second_hover : string;
+export const semantic_surface_action_second_active : string;
+export const semantic_surface_action_second_no_fill : string;
+export const semantic_surface_action_second_no_fill_hover : string;
+export const semantic_surface_action_second_no_fill_active : string;
 export const semantic_surface_success_subtle : string;
 export const semantic_surface_success_subtle_hover : string;
 export const semantic_surface_success_default : string;
@@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active : string;
 export const semantic_surface_on_inverted_no_fill : string;
 export const semantic_surface_on_inverted_no_fill_hover : string;
 export const semantic_surface_on_inverted_no_fill_active : string;
-export const semantic_surface_primary_light : string;
-export const semantic_surface_primary_light_hover : string;
-export const semantic_surface_primary_light_active : string;
-export const semantic_surface_primary_dark : string;
-export const semantic_surface_secondary_light : string;
-export const semantic_surface_secondary_light_hover : string;
-export const semantic_surface_secondary_light_active : string;
-export const semantic_surface_secondary_dark : string;
-export const semantic_surface_tertiary_light : string;
-export const semantic_surface_tertiary_light_hover : string;
-export const semantic_surface_tertiary_light_active : string;
-export const semantic_surface_tertiary_dark : string;
+export const semantic_surface_first_light : string;
+export const semantic_surface_first_light_hover : string;
+export const semantic_surface_first_light_active : string;
+export const semantic_surface_first_dark : string;
+export const semantic_surface_second_light : string;
+export const semantic_surface_second_light_hover : string;
+export const semantic_surface_second_light_active : string;
+export const semantic_surface_second_dark : string;
+export const semantic_surface_third_light : string;
+export const semantic_surface_third_light_hover : string;
+export const semantic_surface_third_light_active : string;
+export const semantic_surface_third_dark : string;
 export const semantic_border_info_default : string;
 export const semantic_border_action_subtle : string;
 export const semantic_border_action_subtle_hover : string;
@@ -84,16 +84,16 @@ export const semantic_border_action_hover : string;
 export const semantic_border_action_active : string;
 export const semantic_border_action_dark : string;
 export const semantic_border_action_dark_hover : string;
-export const semantic_border_action_primary_subtle : string;
-export const semantic_border_action_primary_subtle_hover : string;
-export const semantic_border_action_primary_default : string;
-export const semantic_border_action_primary_hover : string;
-export const semantic_border_action_primary_active : string;
-export const semantic_border_action_secondary_subtle : string;
-export const semantic_border_action_secondary_subtle_hover : string;
-export const semantic_border_action_secondary_default : string;
-export const semantic_border_action_secondary_hover : string;
-export const semantic_border_action_secondary_active : string;
+export const semantic_border_action_first_subtle : string;
+export const semantic_border_action_first_subtle_hover : string;
+export const semantic_border_action_first_default : string;
+export const semantic_border_action_first_hover : string;
+export const semantic_border_action_first_active : string;
+export const semantic_border_action_second_subtle : string;
+export const semantic_border_action_second_subtle_hover : string;
+export const semantic_border_action_second_default : string;
+export const semantic_border_action_second_hover : string;
+export const semantic_border_action_second_active : string;
 export const semantic_border_neutral_default : string;
 export const semantic_border_neutral_subtle : string;
 export const semantic_border_neutral_strong : string;
@@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow : string;
 export const semantic_border_on_inverted_default : string;
 export const semantic_border_input_default : string;
 export const semantic_border_input_hover : string;
-export const semantic_border_primary_default : string;
-export const semantic_border_primary_hover : string;
-export const semantic_border_primary_active : string;
-export const semantic_border_secondary_default : string;
-export const semantic_border_secondary_hover : string;
-export const semantic_border_secondary_active : string;
-export const semantic_border_tertiary_default : string;
-export const semantic_border_tertiary_hover : string;
-export const semantic_border_tertiary_active : string;
+export const semantic_border_first_default : string;
+export const semantic_border_first_hover : string;
+export const semantic_border_first_active : string;
+export const semantic_border_second_default : string;
+export const semantic_border_second_hover : string;
+export const semantic_border_second_active : string;
+export const semantic_border_third_default : string;
+export const semantic_border_third_hover : string;
+export const semantic_border_third_active : string;
 export const semantic_text_success_default : string;
 export const semantic_text_success_hover : string;
 export const semantic_text_success_active : string;
@@ -133,14 +133,14 @@ export const semantic_text_action_default : string;
 export const semantic_text_action_hover : string;
 export const semantic_text_action_active : string;
 export const semantic_text_action_on_action : string;
-export const semantic_text_action_primary_default : string;
-export const semantic_text_action_primary_hover : string;
-export const semantic_text_action_primary_active : string;
-export const semantic_text_action_primary_on_action : string;
-export const semantic_text_action_secondary_default : string;
-export const semantic_text_action_secondary_hover : string;
-export const semantic_text_action_secondary_active : string;
-export const semantic_text_action_secondary_on_action : string;
+export const semantic_text_action_first_default : string;
+export const semantic_text_action_first_hover : string;
+export const semantic_text_action_first_active : string;
+export const semantic_text_action_first_on_action : string;
+export const semantic_text_action_second_default : string;
+export const semantic_text_action_second_hover : string;
+export const semantic_text_action_second_active : string;
+export const semantic_text_action_second_on_action : string;
 export const semantic_text_warning_default : string;
 export const semantic_text_warning_icon_warning : string;
 export const semantic_text_warning_on_warning : string;
@@ -224,39 +224,39 @@ export const shadow_small : string;
 export const shadow_medium : string;
 export const shadow_large : string;
 export const shadow_xlarge : string;
-export const brand_primary_50 : string;
-export const brand_primary_100 : string;
-export const brand_primary_200 : string;
-export const brand_primary_300 : string;
-export const brand_primary_400 : string;
-export const brand_primary_500 : string;
-export const brand_primary_600 : string;
-export const brand_primary_700 : string;
-export const brand_primary_800 : string;
-export const brand_primary_900 : string;
-export const brand_primary_950 : string;
-export const brand_secondary_50 : string;
-export const brand_secondary_100 : string;
-export const brand_secondary_200 : string;
-export const brand_secondary_300 : string;
-export const brand_secondary_400 : string;
-export const brand_secondary_500 : string;
-export const brand_secondary_600 : string;
-export const brand_secondary_700 : string;
-export const brand_secondary_800 : string;
-export const brand_secondary_900 : string;
-export const brand_secondary_950 : string;
-export const brand_tertiary_50 : string;
-export const brand_tertiary_100 : string;
-export const brand_tertiary_200 : string;
-export const brand_tertiary_300 : string;
-export const brand_tertiary_400 : string;
-export const brand_tertiary_500 : string;
-export const brand_tertiary_600 : string;
-export const brand_tertiary_700 : string;
-export const brand_tertiary_800 : string;
-export const brand_tertiary_900 : string;
-export const brand_tertiary_950 : string;
+export const brand_alt1_50 : string;
+export const brand_alt1_100 : string;
+export const brand_alt1_200 : string;
+export const brand_alt1_300 : string;
+export const brand_alt1_400 : string;
+export const brand_alt1_500 : string;
+export const brand_alt1_600 : string;
+export const brand_alt1_700 : string;
+export const brand_alt1_800 : string;
+export const brand_alt1_900 : string;
+export const brand_alt1_950 : string;
+export const brand_alt2_50 : string;
+export const brand_alt2_100 : string;
+export const brand_alt2_200 : string;
+export const brand_alt2_300 : string;
+export const brand_alt2_400 : string;
+export const brand_alt2_500 : string;
+export const brand_alt2_600 : string;
+export const brand_alt2_700 : string;
+export const brand_alt2_800 : string;
+export const brand_alt2_900 : string;
+export const brand_alt2_950 : string;
+export const brand_alt3_50 : string;
+export const brand_alt3_100 : string;
+export const brand_alt3_200 : string;
+export const brand_alt3_300 : string;
+export const brand_alt3_400 : string;
+export const brand_alt3_500 : string;
+export const brand_alt3_600 : string;
+export const brand_alt3_700 : string;
+export const brand_alt3_800 : string;
+export const brand_alt3_900 : string;
+export const brand_alt3_950 : string;
 export const component_mode_height_small : string;
 export const component_mode_height_medium : string;
 export const component_mode_height_large : string;
diff --git a/packages/tokens/brand/brreg/tokens.esm.js b/packages/tokens/brand/brreg/tokens.esm.js
index 5da4ce17f0..de690c94bc 100644
--- a/packages/tokens/brand/brreg/tokens.esm.js
+++ b/packages/tokens/brand/brreg/tokens.esm.js
@@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill = "#ffffff";
 export const semantic_surface_action_no_fill_hover = "#e6eff8";
 export const semantic_surface_action_no_fill_active = "#b3d0ea";
 export const semantic_surface_action_checked = "#0062ba";
-export const semantic_surface_action_primary_subtle = "#e6eff8";
-export const semantic_surface_action_primary_subtle_hover = "#b3d0ea";
-export const semantic_surface_action_primary_default = "#0062ba";
-export const semantic_surface_action_primary_hover = "#004e95";
-export const semantic_surface_action_primary_active = "#00315d";
-export const semantic_surface_action_primary_no_fill = "#ffffff";
-export const semantic_surface_action_primary_no_fill_hover = "#e6eff8";
-export const semantic_surface_action_primary_no_fill_active = "#b3d0ea";
-export const semantic_surface_action_secondary_subtle = "#f4f5f6";
-export const semantic_surface_action_secondary_subtle_hover = "#e9eaec";
-export const semantic_surface_action_secondary_default = "#00315d";
-export const semantic_surface_action_secondary_hover = "rgba(0, 49, 93, 0.9)";
-export const semantic_surface_action_secondary_active = "rgba(0, 49, 93, 0.8)";
-export const semantic_surface_action_secondary_no_fill = "#ffffff";
-export const semantic_surface_action_secondary_no_fill_hover = "rgba(0, 49, 93, 0.1)";
-export const semantic_surface_action_secondary_no_fill_active = "rgba(0, 49, 93, 0.2)";
+export const semantic_surface_action_first_subtle = "#e6eff8";
+export const semantic_surface_action_first_subtle_hover = "#b3d0ea";
+export const semantic_surface_action_first_default = "#0062ba";
+export const semantic_surface_action_first_hover = "#004e95";
+export const semantic_surface_action_first_active = "#00315d";
+export const semantic_surface_action_first_no_fill = "#ffffff";
+export const semantic_surface_action_first_no_fill_hover = "#e6eff8";
+export const semantic_surface_action_first_no_fill_active = "#b3d0ea";
+export const semantic_surface_action_second_subtle = "#f4f5f6";
+export const semantic_surface_action_second_subtle_hover = "#e9eaec";
+export const semantic_surface_action_second_default = "#00315d";
+export const semantic_surface_action_second_hover = "rgba(0, 49, 93, 0.9)";
+export const semantic_surface_action_second_active = "rgba(0, 49, 93, 0.8)";
+export const semantic_surface_action_second_no_fill = "#ffffff";
+export const semantic_surface_action_second_no_fill_hover = "rgba(0, 49, 93, 0.1)";
+export const semantic_surface_action_second_no_fill_active = "rgba(0, 49, 93, 0.2)";
 export const semantic_surface_success_subtle = "#d1f4e1";
 export const semantic_surface_success_subtle_hover = "#8be4b5";
 export const semantic_surface_success_default = "#118849";
@@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active = "#ffffffcc";
 export const semantic_surface_on_inverted_no_fill = "#ffffff00";
 export const semantic_surface_on_inverted_no_fill_hover = "#ffffff1a";
 export const semantic_surface_on_inverted_no_fill_active = "#ffffff33";
-export const semantic_surface_primary_light = "#D1E4FF";
-export const semantic_surface_primary_light_hover = "#76ADFB";
-export const semantic_surface_primary_light_active = "#5391E9";
-export const semantic_surface_primary_dark = "#004785";
-export const semantic_surface_secondary_light = "#C9E7F4";
-export const semantic_surface_secondary_light_hover = "#70B3D7";
-export const semantic_surface_secondary_light_active = "#4E99BD";
-export const semantic_surface_secondary_dark = "#1F4B63";
-export const semantic_surface_tertiary_light = "#D7E5E7";
-export const semantic_surface_tertiary_light_hover = "#B9CACB";
-export const semantic_surface_tertiary_light_active = "#9FAEAF";
-export const semantic_surface_tertiary_dark = "#414849";
+export const semantic_surface_first_light = "#D1E4FF";
+export const semantic_surface_first_light_hover = "#76ADFB";
+export const semantic_surface_first_light_active = "#5391E9";
+export const semantic_surface_first_dark = "#004785";
+export const semantic_surface_second_light = "#C9E7F4";
+export const semantic_surface_second_light_hover = "#70B3D7";
+export const semantic_surface_second_light_active = "#4E99BD";
+export const semantic_surface_second_dark = "#1F4B63";
+export const semantic_surface_third_light = "#D7E5E7";
+export const semantic_surface_third_light_hover = "#B9CACB";
+export const semantic_surface_third_light_active = "#9FAEAF";
+export const semantic_surface_third_dark = "#414849";
 export const semantic_border_info_default = "#004e95";
 export const semantic_border_action_subtle = "#b3d0ea";
 export const semantic_border_action_subtle_hover = "#66a1d6";
@@ -84,16 +84,16 @@ export const semantic_border_action_hover = "#0062ba";
 export const semantic_border_action_active = "#00315d";
 export const semantic_border_action_dark = "#00315d";
 export const semantic_border_action_dark_hover = "#0062ba";
-export const semantic_border_action_primary_subtle = "#b3d0ea";
-export const semantic_border_action_primary_subtle_hover = "#66a1d6";
-export const semantic_border_action_primary_default = "#0062ba";
-export const semantic_border_action_primary_hover = "#004e95";
-export const semantic_border_action_primary_active = "#00315d";
-export const semantic_border_action_secondary_subtle = "#e9eaec";
-export const semantic_border_action_secondary_subtle_hover = "#d2d5d8";
-export const semantic_border_action_secondary_default = "#00315d";
-export const semantic_border_action_secondary_hover = "#00315d";
-export const semantic_border_action_secondary_active = "#00315d";
+export const semantic_border_action_first_subtle = "#e9eaec";
+export const semantic_border_action_first_subtle_hover = "#d2d5d8";
+export const semantic_border_action_first_default = "#00315d";
+export const semantic_border_action_first_hover = "#00315d";
+export const semantic_border_action_first_active = "#00315d";
+export const semantic_border_action_second_subtle = "#e9eaec";
+export const semantic_border_action_second_subtle_hover = "#d2d5d8";
+export const semantic_border_action_second_default = "#00315d";
+export const semantic_border_action_second_hover = "#00315d";
+export const semantic_border_action_second_active = "#00315d";
 export const semantic_border_neutral_default = "#68707c";
 export const semantic_border_neutral_subtle = "#d2d5d8";
 export const semantic_border_neutral_strong = "#1e2b3c";
@@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow = "#1e2b3c";
 export const semantic_border_on_inverted_default = "#ffffff";
 export const semantic_border_input_default = "#00315d";
 export const semantic_border_input_hover = "#0062ba";
-export const semantic_border_primary_default = "#005FAE";
-export const semantic_border_primary_hover = "#004785";
-export const semantic_border_primary_active = "#00315E";
-export const semantic_border_secondary_default = "#2C647E";
-export const semantic_border_secondary_hover = "#1F4B63";
-export const semantic_border_secondary_active = "#133349";
-export const semantic_border_tertiary_default = "#879394";
-export const semantic_border_tertiary_hover = "#6D7879";
-export const semantic_border_tertiary_active = "#576061";
+export const semantic_border_first_default = "#005FAE";
+export const semantic_border_first_hover = "#004785";
+export const semantic_border_first_active = "#00315E";
+export const semantic_border_second_default = "#2C647E";
+export const semantic_border_second_hover = "#1F4B63";
+export const semantic_border_second_active = "#133349";
+export const semantic_border_third_default = "#879394";
+export const semantic_border_third_hover = "#6D7879";
+export const semantic_border_third_active = "#576061";
 export const semantic_text_success_default = "#0c6536";
 export const semantic_text_success_hover = "#084826";
 export const semantic_text_success_active = "#084826";
@@ -133,14 +133,14 @@ export const semantic_text_action_default = "#0062ba";
 export const semantic_text_action_hover = "#004e95";
 export const semantic_text_action_active = "#00315d";
 export const semantic_text_action_on_action = "#ffffff";
-export const semantic_text_action_primary_default = "#0062ba";
-export const semantic_text_action_primary_hover = "#004e95";
-export const semantic_text_action_primary_active = "#00315d";
-export const semantic_text_action_primary_on_action = "#ffffff";
-export const semantic_text_action_secondary_default = "#00315d";
-export const semantic_text_action_secondary_hover = "#00315d";
-export const semantic_text_action_secondary_active = "#00315d";
-export const semantic_text_action_secondary_on_action = "#ffffff";
+export const semantic_text_action_first_default = "#00315d";
+export const semantic_text_action_first_hover = "#00315d";
+export const semantic_text_action_first_active = "#00315d";
+export const semantic_text_action_first_on_action = "#ffffff";
+export const semantic_text_action_second_default = "#00315d";
+export const semantic_text_action_second_hover = "#00315d";
+export const semantic_text_action_second_active = "#00315d";
+export const semantic_text_action_second_on_action = "#ffffff";
 export const semantic_text_warning_default = "#995404";
 export const semantic_text_warning_icon_warning = "#cc7005";
 export const semantic_text_warning_on_warning = "#663802";
@@ -224,39 +224,39 @@ export const shadow_small = "0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a";
 export const shadow_medium = "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a";
 export const shadow_large = "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a";
 export const shadow_xlarge = "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a";
-export const brand_primary_50 = "#FFFFFF";
-export const brand_primary_100 = "#D1E4FF";
-export const brand_primary_200 = "#9ECAFF";
-export const brand_primary_300 = "#76ADFB";
-export const brand_primary_400 = "#5391E9";
-export const brand_primary_500 = "#2B77CC";
-export const brand_primary_600 = "#005FAE";
-export const brand_primary_700 = "#004785";
-export const brand_primary_800 = "#00315E";
-export const brand_primary_900 = "#001C3A";
-export const brand_primary_950 = "#001127";
-export const brand_secondary_50 = "#FFFFFF";
-export const brand_secondary_100 = "#E5F3F9";
-export const brand_secondary_200 = "#C9E7F4";
-export const brand_secondary_300 = "#70B3D7";
-export const brand_secondary_400 = "#4E99BD";
-export const brand_secondary_500 = "#3B7D9B";
-export const brand_secondary_600 = "#2C647E";
-export const brand_secondary_700 = "#1F4B63";
-export const brand_secondary_800 = "#133349";
-export const brand_secondary_900 = "#071D2C";
-export const brand_secondary_950 = "#03121D";
-export const brand_tertiary_50 = "#EBF2F3";
-export const brand_tertiary_100 = "#D7E5E7";
-export const brand_tertiary_200 = "#B9CACB";
-export const brand_tertiary_300 = "#9FAEAF";
-export const brand_tertiary_400 = "#879394";
-export const brand_tertiary_500 = "#6D7879";
-export const brand_tertiary_600 = "#576061";
-export const brand_tertiary_700 = "#414849";
-export const brand_tertiary_800 = "#2C3132";
-export const brand_tertiary_900 = "#191C1C";
-export const brand_tertiary_950 = "#0F1112";
+export const brand_alt1_50 = "#FFFFFF";
+export const brand_alt1_100 = "#D1E4FF";
+export const brand_alt1_200 = "#9ECAFF";
+export const brand_alt1_300 = "#76ADFB";
+export const brand_alt1_400 = "#5391E9";
+export const brand_alt1_500 = "#2B77CC";
+export const brand_alt1_600 = "#005FAE";
+export const brand_alt1_700 = "#004785";
+export const brand_alt1_800 = "#00315E";
+export const brand_alt1_900 = "#001C3A";
+export const brand_alt1_950 = "#001127";
+export const brand_alt2_50 = "#FFFFFF";
+export const brand_alt2_100 = "#E5F3F9";
+export const brand_alt2_200 = "#C9E7F4";
+export const brand_alt2_300 = "#70B3D7";
+export const brand_alt2_400 = "#4E99BD";
+export const brand_alt2_500 = "#3B7D9B";
+export const brand_alt2_600 = "#2C647E";
+export const brand_alt2_700 = "#1F4B63";
+export const brand_alt2_800 = "#133349";
+export const brand_alt2_900 = "#071D2C";
+export const brand_alt2_950 = "#03121D";
+export const brand_alt3_50 = "#EBF2F3";
+export const brand_alt3_100 = "#D7E5E7";
+export const brand_alt3_200 = "#B9CACB";
+export const brand_alt3_300 = "#9FAEAF";
+export const brand_alt3_400 = "#879394";
+export const brand_alt3_500 = "#6D7879";
+export const brand_alt3_600 = "#576061";
+export const brand_alt3_700 = "#414849";
+export const brand_alt3_800 = "#2C3132";
+export const brand_alt3_900 = "#191C1C";
+export const brand_alt3_950 = "#0F1112";
 export const component_mode_height_small = "36px";
 export const component_mode_height_medium = "45px";
 export const component_mode_height_large = "54px";
diff --git a/packages/tokens/brand/digdir/tokens.cjs.js b/packages/tokens/brand/digdir/tokens.cjs.js
index 24ab7f8b60..11ede11c9a 100644
--- a/packages/tokens/brand/digdir/tokens.cjs.js
+++ b/packages/tokens/brand/digdir/tokens.cjs.js
@@ -22,22 +22,22 @@ module.exports = {
   "semantic_surface_action_no_fill_hover": "#e6eff8",
   "semantic_surface_action_no_fill_active": "#b3d0ea",
   "semantic_surface_action_checked": "#0062ba",
-  "semantic_surface_action_primary_subtle": "#e6eff8",
-  "semantic_surface_action_primary_subtle_hover": "#b3d0ea",
-  "semantic_surface_action_primary_default": "#0062ba",
-  "semantic_surface_action_primary_hover": "#004e95",
-  "semantic_surface_action_primary_active": "#00315d",
-  "semantic_surface_action_primary_no_fill": "#ffffff",
-  "semantic_surface_action_primary_no_fill_hover": "#e6eff8",
-  "semantic_surface_action_primary_no_fill_active": "#b3d0ea",
-  "semantic_surface_action_secondary_subtle": "#f4f5f6",
-  "semantic_surface_action_secondary_subtle_hover": "#e9eaec",
-  "semantic_surface_action_secondary_default": "#00315d",
-  "semantic_surface_action_secondary_hover": "rgba(0, 49, 93, 0.9)",
-  "semantic_surface_action_secondary_active": "rgba(0, 49, 93, 0.8)",
-  "semantic_surface_action_secondary_no_fill": "#ffffff",
-  "semantic_surface_action_secondary_no_fill_hover": "rgba(0, 49, 93, 0.1)",
-  "semantic_surface_action_secondary_no_fill_active": "rgba(0, 49, 93, 0.2)",
+  "semantic_surface_action_first_subtle": "#e6eff8",
+  "semantic_surface_action_first_subtle_hover": "#b3d0ea",
+  "semantic_surface_action_first_default": "#0062ba",
+  "semantic_surface_action_first_hover": "#004e95",
+  "semantic_surface_action_first_active": "#00315d",
+  "semantic_surface_action_first_no_fill": "#ffffff",
+  "semantic_surface_action_first_no_fill_hover": "#e6eff8",
+  "semantic_surface_action_first_no_fill_active": "#b3d0ea",
+  "semantic_surface_action_second_subtle": "#f4f5f6",
+  "semantic_surface_action_second_subtle_hover": "#e9eaec",
+  "semantic_surface_action_second_default": "#00315d",
+  "semantic_surface_action_second_hover": "rgba(0, 49, 93, 0.9)",
+  "semantic_surface_action_second_active": "rgba(0, 49, 93, 0.8)",
+  "semantic_surface_action_second_no_fill": "#ffffff",
+  "semantic_surface_action_second_no_fill_hover": "rgba(0, 49, 93, 0.1)",
+  "semantic_surface_action_second_no_fill_active": "rgba(0, 49, 93, 0.2)",
   "semantic_surface_success_subtle": "#d1f4e1",
   "semantic_surface_success_subtle_hover": "#8be4b5",
   "semantic_surface_success_default": "#118849",
@@ -65,18 +65,18 @@ module.exports = {
   "semantic_surface_on_inverted_no_fill": "#ffffff00",
   "semantic_surface_on_inverted_no_fill_hover": "#ffffff1a",
   "semantic_surface_on_inverted_no_fill_active": "#ffffff33",
-  "semantic_surface_primary_light": "#fddfe0",
-  "semantic_surface_primary_light_hover": "#fbbfc1",
-  "semantic_surface_primary_light_active": "#f89fa1",
-  "semantic_surface_primary_dark": "#c34c4f",
-  "semantic_surface_secondary_light": "#faeec2",
-  "semantic_surface_secondary_light_hover": "#f5dda6",
-  "semantic_surface_secondary_light_active": "#efcc79",
-  "semantic_surface_secondary_dark": "#A17717",
-  "semantic_surface_tertiary_light": "#d2eafd",
-  "semantic_surface_tertiary_light_hover": "#a5d6fb",
-  "semantic_surface_tertiary_light_active": "#78c1f9",
-  "semantic_surface_tertiary_dark": "#156aac",
+  "semantic_surface_first_light": "#fddfe0",
+  "semantic_surface_first_light_hover": "#fbbfc1",
+  "semantic_surface_first_light_active": "#f89fa1",
+  "semantic_surface_first_dark": "#c34c4f",
+  "semantic_surface_second_light": "#faeec2",
+  "semantic_surface_second_light_hover": "#f5dda6",
+  "semantic_surface_second_light_active": "#efcc79",
+  "semantic_surface_second_dark": "#A17717",
+  "semantic_surface_third_light": "#d2eafd",
+  "semantic_surface_third_light_hover": "#a5d6fb",
+  "semantic_surface_third_light_active": "#78c1f9",
+  "semantic_surface_third_dark": "#156aac",
   "semantic_border_info_default": "#004e95",
   "semantic_border_action_subtle": "#b3d0ea",
   "semantic_border_action_subtle_hover": "#66a1d6",
@@ -85,16 +85,16 @@ module.exports = {
   "semantic_border_action_active": "#00315d",
   "semantic_border_action_dark": "#00315d",
   "semantic_border_action_dark_hover": "#0062ba",
-  "semantic_border_action_primary_subtle": "#b3d0ea",
-  "semantic_border_action_primary_subtle_hover": "#66a1d6",
-  "semantic_border_action_primary_default": "#0062ba",
-  "semantic_border_action_primary_hover": "#004e95",
-  "semantic_border_action_primary_active": "#00315d",
-  "semantic_border_action_secondary_subtle": "#e9eaec",
-  "semantic_border_action_secondary_subtle_hover": "#d2d5d8",
-  "semantic_border_action_secondary_default": "#00315d",
-  "semantic_border_action_secondary_hover": "#00315d",
-  "semantic_border_action_secondary_active": "#00315d",
+  "semantic_border_action_first_subtle": "#b3d0ea",
+  "semantic_border_action_first_subtle_hover": "#66a1d6",
+  "semantic_border_action_first_default": "#0062ba",
+  "semantic_border_action_first_hover": "#004e95",
+  "semantic_border_action_first_active": "#00315d",
+  "semantic_border_action_second_subtle": "#e9eaec",
+  "semantic_border_action_second_subtle_hover": "#d2d5d8",
+  "semantic_border_action_second_default": "#00315d",
+  "semantic_border_action_second_hover": "#00315d",
+  "semantic_border_action_second_active": "#00315d",
   "semantic_border_neutral_default": "#68707c",
   "semantic_border_neutral_subtle": "#d2d5d8",
   "semantic_border_neutral_strong": "#1e2b3c",
@@ -113,15 +113,15 @@ module.exports = {
   "semantic_border_on_inverted_default": "#ffffff",
   "semantic_border_input_default": "#00315d",
   "semantic_border_input_hover": "#0062ba",
-  "semantic_border_primary_default": "#f45f63",
-  "semantic_border_primary_hover": "#dc5659",
-  "semantic_border_primary_active": "#c34c4f",
-  "semantic_border_secondary_default": "#e5aa20",
-  "semantic_border_secondary_hover": "#ce991d",
-  "semantic_border_secondary_active": "#b7881a",
-  "semantic_border_tertiary_default": "#1e98f5",
-  "semantic_border_tertiary_hover": "#1b88dd",
-  "semantic_border_tertiary_active": "#156aac",
+  "semantic_border_first_default": "#f45f63",
+  "semantic_border_first_hover": "#dc5659",
+  "semantic_border_first_active": "#c34c4f",
+  "semantic_border_second_default": "#e5aa20",
+  "semantic_border_second_hover": "#ce991d",
+  "semantic_border_second_active": "#b7881a",
+  "semantic_border_third_default": "#1e98f5",
+  "semantic_border_third_hover": "#1b88dd",
+  "semantic_border_third_active": "#156aac",
   "semantic_text_success_default": "#0c6536",
   "semantic_text_success_hover": "#084826",
   "semantic_text_success_active": "#084826",
@@ -134,14 +134,14 @@ module.exports = {
   "semantic_text_action_hover": "#004e95",
   "semantic_text_action_active": "#00315d",
   "semantic_text_action_on_action": "#ffffff",
-  "semantic_text_action_primary_default": "#0062ba",
-  "semantic_text_action_primary_hover": "#004e95",
-  "semantic_text_action_primary_active": "#00315d",
-  "semantic_text_action_primary_on_action": "#ffffff",
-  "semantic_text_action_secondary_default": "#00315d",
-  "semantic_text_action_secondary_hover": "#00315d",
-  "semantic_text_action_secondary_active": "#00315d",
-  "semantic_text_action_secondary_on_action": "#ffffff",
+  "semantic_text_action_first_default": "#0062ba",
+  "semantic_text_action_first_hover": "#004e95",
+  "semantic_text_action_first_active": "#00315d",
+  "semantic_text_action_first_on_action": "#ffffff",
+  "semantic_text_action_second_default": "#00315d",
+  "semantic_text_action_second_hover": "#00315d",
+  "semantic_text_action_second_active": "#00315d",
+  "semantic_text_action_second_on_action": "#ffffff",
   "semantic_text_warning_default": "#995404",
   "semantic_text_warning_icon_warning": "#cc7005",
   "semantic_text_warning_on_warning": "#663802",
@@ -225,33 +225,33 @@ module.exports = {
   "shadow_medium": "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a",
   "shadow_large": "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a",
   "shadow_xlarge": "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a",
-  "brand_primary_100": "#feefef",
-  "brand_primary_200": "#fddfe0",
-  "brand_primary_300": "#fbbfc1",
-  "brand_primary_400": "#f89fa1",
-  "brand_primary_500": "#f67f82",
-  "brand_primary_600": "#f45f63",
-  "brand_primary_700": "#dc5659",
-  "brand_primary_800": "#c34c4f",
-  "brand_primary_900": "#B83D41",
-  "brand_secondary_100": "#fcf7e9",
-  "brand_secondary_200": "#faeec2",
-  "brand_secondary_300": "#f5dda6",
-  "brand_secondary_400": "#efcc79",
-  "brand_secondary_500": "#eabb4d",
-  "brand_secondary_600": "#e5aa20",
-  "brand_secondary_700": "#ce991d",
-  "brand_secondary_800": "#b7881a",
-  "brand_secondary_900": "#A17717",
-  "brand_tertiary_100": "#e9f5ff",
-  "brand_tertiary_200": "#d2eafd",
-  "brand_tertiary_300": "#a5d6fb",
-  "brand_tertiary_400": "#78c1f9",
-  "brand_tertiary_500": "#4badf7",
-  "brand_tertiary_600": "#1e98f5",
-  "brand_tertiary_700": "#1b88dd",
-  "brand_tertiary_800": "#156aac",
-  "brand_tertiary_900": "#125A91",
+  "brand_alt1_100": "#feefef",
+  "brand_alt1_200": "#fddfe0",
+  "brand_alt1_300": "#fbbfc1",
+  "brand_alt1_400": "#f89fa1",
+  "brand_alt1_500": "#f67f82",
+  "brand_alt1_600": "#f45f63",
+  "brand_alt1_700": "#dc5659",
+  "brand_alt1_800": "#c34c4f",
+  "brand_alt1_900": "#B83D41",
+  "brand_alt2_100": "#fcf7e9",
+  "brand_alt2_200": "#faeec2",
+  "brand_alt2_300": "#f5dda6",
+  "brand_alt2_400": "#efcc79",
+  "brand_alt2_500": "#eabb4d",
+  "brand_alt2_600": "#e5aa20",
+  "brand_alt2_700": "#ce991d",
+  "brand_alt2_800": "#b7881a",
+  "brand_alt2_900": "#A17717",
+  "brand_alt3_100": "#e9f5ff",
+  "brand_alt3_200": "#d2eafd",
+  "brand_alt3_300": "#a5d6fb",
+  "brand_alt3_400": "#78c1f9",
+  "brand_alt3_500": "#4badf7",
+  "brand_alt3_600": "#1e98f5",
+  "brand_alt3_700": "#1b88dd",
+  "brand_alt3_800": "#156aac",
+  "brand_alt3_900": "#125A91",
   "component_mode_height_small": "36px",
   "component_mode_height_medium": "45px",
   "component_mode_height_large": "54px",
diff --git a/packages/tokens/brand/digdir/tokens.css b/packages/tokens/brand/digdir/tokens.css
index befd6a0d87..167a5ac347 100644
--- a/packages/tokens/brand/digdir/tokens.css
+++ b/packages/tokens/brand/digdir/tokens.css
@@ -26,22 +26,22 @@
   --fds-semantic-surface-action-no_fill-hover: #e6eff8;
   --fds-semantic-surface-action-no_fill-active: #b3d0ea;
   --fds-semantic-surface-action-checked: #0062ba;
-  --fds-semantic-surface-action-primary-subtle: #e6eff8;
-  --fds-semantic-surface-action-primary-subtle-hover: #b3d0ea;
-  --fds-semantic-surface-action-primary-default: #0062ba;
-  --fds-semantic-surface-action-primary-hover: #004e95;
-  --fds-semantic-surface-action-primary-active: #00315d;
-  --fds-semantic-surface-action-primary-no_fill: #ffffff;
-  --fds-semantic-surface-action-primary-no_fill-hover: #e6eff8;
-  --fds-semantic-surface-action-primary-no_fill-active: #b3d0ea;
-  --fds-semantic-surface-action-secondary-subtle: #f4f5f6;
-  --fds-semantic-surface-action-secondary-subtle-hover: #e9eaec;
-  --fds-semantic-surface-action-secondary-default: #00315d;
-  --fds-semantic-surface-action-secondary-hover: rgba(0, 49, 93, 0.9);
-  --fds-semantic-surface-action-secondary-active: rgba(0, 49, 93, 0.8);
-  --fds-semantic-surface-action-secondary-no_fill: #ffffff;
-  --fds-semantic-surface-action-secondary-no_fill-hover: rgba(0, 49, 93, 0.1);
-  --fds-semantic-surface-action-secondary-no_fill-active: rgba(0, 49, 93, 0.2);
+  --fds-semantic-surface-action-first-subtle: #e6eff8;
+  --fds-semantic-surface-action-first-subtle-hover: #b3d0ea;
+  --fds-semantic-surface-action-first-default: #0062ba;
+  --fds-semantic-surface-action-first-hover: #004e95;
+  --fds-semantic-surface-action-first-active: #00315d;
+  --fds-semantic-surface-action-first-no_fill: #ffffff;
+  --fds-semantic-surface-action-first-no_fill-hover: #e6eff8;
+  --fds-semantic-surface-action-first-no_fill-active: #b3d0ea;
+  --fds-semantic-surface-action-second-subtle: #f4f5f6;
+  --fds-semantic-surface-action-second-subtle-hover: #e9eaec;
+  --fds-semantic-surface-action-second-default: #00315d;
+  --fds-semantic-surface-action-second-hover: rgba(0, 49, 93, 0.9);
+  --fds-semantic-surface-action-second-active: rgba(0, 49, 93, 0.8);
+  --fds-semantic-surface-action-second-no_fill: #ffffff;
+  --fds-semantic-surface-action-second-no_fill-hover: rgba(0, 49, 93, 0.1);
+  --fds-semantic-surface-action-second-no_fill-active: rgba(0, 49, 93, 0.2);
   --fds-semantic-surface-success-subtle: #d1f4e1;
   --fds-semantic-surface-success-subtle-hover: #8be4b5;
   --fds-semantic-surface-success-default: #118849;
@@ -69,18 +69,18 @@
   --fds-semantic-surface-on_inverted-no_fill: #ffffff00;
   --fds-semantic-surface-on_inverted-no_fill-hover: #ffffff1a;
   --fds-semantic-surface-on_inverted-no_fill-active: #ffffff33;
-  --fds-semantic-surface-primary-light: #fddfe0;
-  --fds-semantic-surface-primary-light-hover: #fbbfc1;
-  --fds-semantic-surface-primary-light-active: #f89fa1;
-  --fds-semantic-surface-primary-dark: #c34c4f;
-  --fds-semantic-surface-secondary-light: #faeec2;
-  --fds-semantic-surface-secondary-light-hover: #f5dda6;
-  --fds-semantic-surface-secondary-light-active: #efcc79;
-  --fds-semantic-surface-secondary-dark: #A17717;
-  --fds-semantic-surface-tertiary-light: #d2eafd;
-  --fds-semantic-surface-tertiary-light-hover: #a5d6fb;
-  --fds-semantic-surface-tertiary-light-active: #78c1f9;
-  --fds-semantic-surface-tertiary-dark: #156aac;
+  --fds-semantic-surface-first-light: #fddfe0;
+  --fds-semantic-surface-first-light-hover: #fbbfc1;
+  --fds-semantic-surface-first-light-active: #f89fa1;
+  --fds-semantic-surface-first-dark: #c34c4f;
+  --fds-semantic-surface-second-light: #faeec2;
+  --fds-semantic-surface-second-light-hover: #f5dda6;
+  --fds-semantic-surface-second-light-active: #efcc79;
+  --fds-semantic-surface-second-dark: #A17717;
+  --fds-semantic-surface-third-light: #d2eafd;
+  --fds-semantic-surface-third-light-hover: #a5d6fb;
+  --fds-semantic-surface-third-light-active: #78c1f9;
+  --fds-semantic-surface-third-dark: #156aac;
   --fds-semantic-border-info-default: #004e95;
   --fds-semantic-border-action-subtle: #b3d0ea;
   --fds-semantic-border-action-subtle-hover: #66a1d6;
@@ -89,16 +89,16 @@
   --fds-semantic-border-action-active: #00315d;
   --fds-semantic-border-action-dark: #00315d;
   --fds-semantic-border-action-dark-hover: #0062ba;
-  --fds-semantic-border-action-primary-subtle: #b3d0ea;
-  --fds-semantic-border-action-primary-subtle-hover: #66a1d6;
-  --fds-semantic-border-action-primary-default: #0062ba;
-  --fds-semantic-border-action-primary-hover: #004e95;
-  --fds-semantic-border-action-primary-active: #00315d;
-  --fds-semantic-border-action-secondary-subtle: #e9eaec;
-  --fds-semantic-border-action-secondary-subtle-hover: #d2d5d8;
-  --fds-semantic-border-action-secondary-default: #00315d;
-  --fds-semantic-border-action-secondary-hover: #00315d;
-  --fds-semantic-border-action-secondary-active: #00315d;
+  --fds-semantic-border-action-first-subtle: #b3d0ea;
+  --fds-semantic-border-action-first-subtle-hover: #66a1d6;
+  --fds-semantic-border-action-first-default: #0062ba;
+  --fds-semantic-border-action-first-hover: #004e95;
+  --fds-semantic-border-action-first-active: #00315d;
+  --fds-semantic-border-action-second-subtle: #e9eaec;
+  --fds-semantic-border-action-second-subtle-hover: #d2d5d8;
+  --fds-semantic-border-action-second-default: #00315d;
+  --fds-semantic-border-action-second-hover: #00315d;
+  --fds-semantic-border-action-second-active: #00315d;
   --fds-semantic-border-neutral-default: #68707c;
   --fds-semantic-border-neutral-subtle: #d2d5d8;
   --fds-semantic-border-neutral-strong: #1e2b3c;
@@ -117,15 +117,15 @@
   --fds-semantic-border-on_inverted-default: #ffffff;
   --fds-semantic-border-input-default: #00315d;
   --fds-semantic-border-input-hover: #0062ba;
-  --fds-semantic-border-primary-default: #f45f63;
-  --fds-semantic-border-primary-hover: #dc5659;
-  --fds-semantic-border-primary-active: #c34c4f;
-  --fds-semantic-border-secondary-default: #e5aa20;
-  --fds-semantic-border-secondary-hover: #ce991d;
-  --fds-semantic-border-secondary-active: #b7881a;
-  --fds-semantic-border-tertiary-default: #1e98f5;
-  --fds-semantic-border-tertiary-hover: #1b88dd;
-  --fds-semantic-border-tertiary-active: #156aac;
+  --fds-semantic-border-first-default: #f45f63;
+  --fds-semantic-border-first-hover: #dc5659;
+  --fds-semantic-border-first-active: #c34c4f;
+  --fds-semantic-border-second-default: #e5aa20;
+  --fds-semantic-border-second-hover: #ce991d;
+  --fds-semantic-border-second-active: #b7881a;
+  --fds-semantic-border-third-default: #1e98f5;
+  --fds-semantic-border-third-hover: #1b88dd;
+  --fds-semantic-border-third-active: #156aac;
   --fds-semantic-text-success-default: #0c6536;
   --fds-semantic-text-success-hover: #084826;
   --fds-semantic-text-success-active: #084826;
@@ -138,14 +138,14 @@
   --fds-semantic-text-action-hover: #004e95;
   --fds-semantic-text-action-active: #00315d;
   --fds-semantic-text-action-on_action: #ffffff;
-  --fds-semantic-text-action-primary-default: #0062ba;
-  --fds-semantic-text-action-primary-hover: #004e95;
-  --fds-semantic-text-action-primary-active: #00315d;
-  --fds-semantic-text-action-primary-on_action: #ffffff;
-  --fds-semantic-text-action-secondary-default: #00315d;
-  --fds-semantic-text-action-secondary-hover: #00315d;
-  --fds-semantic-text-action-secondary-active: #00315d;
-  --fds-semantic-text-action-secondary-on_action: #ffffff;
+  --fds-semantic-text-action-first-default: #0062ba;
+  --fds-semantic-text-action-first-hover: #004e95;
+  --fds-semantic-text-action-first-active: #00315d;
+  --fds-semantic-text-action-first-on_action: #ffffff;
+  --fds-semantic-text-action-second-default: #00315d;
+  --fds-semantic-text-action-second-hover: #00315d;
+  --fds-semantic-text-action-second-active: #00315d;
+  --fds-semantic-text-action-second-on_action: #ffffff;
   --fds-semantic-text-warning-default: #995404;
   --fds-semantic-text-warning-icon_warning: #cc7005;
   --fds-semantic-text-warning-on_warning: #663802;
@@ -229,33 +229,33 @@
   --fds-shadow-medium: 0 2px 4px -2px #0000001a, 0 4px 5px #0000001a;
   --fds-shadow-large: 0 4px 6px -4px #0000001a, 0 10px 12px #0000001a;
   --fds-shadow-xlarge: 0 8px 10px -6px #0000001a, 0 25px 45px #0000001a;
-  --fds-brand-primary-100: #feefef;
-  --fds-brand-primary-200: #fddfe0;
-  --fds-brand-primary-300: #fbbfc1;
-  --fds-brand-primary-400: #f89fa1;
-  --fds-brand-primary-500: #f67f82;
-  --fds-brand-primary-600: #f45f63;
-  --fds-brand-primary-700: #dc5659;
-  --fds-brand-primary-800: #c34c4f;
-  --fds-brand-primary-900: #B83D41;
-  --fds-brand-secondary-100: #fcf7e9;
-  --fds-brand-secondary-200: #faeec2;
-  --fds-brand-secondary-300: #f5dda6;
-  --fds-brand-secondary-400: #efcc79;
-  --fds-brand-secondary-500: #eabb4d;
-  --fds-brand-secondary-600: #e5aa20;
-  --fds-brand-secondary-700: #ce991d;
-  --fds-brand-secondary-800: #b7881a;
-  --fds-brand-secondary-900: #A17717;
-  --fds-brand-tertiary-100: #e9f5ff;
-  --fds-brand-tertiary-200: #d2eafd;
-  --fds-brand-tertiary-300: #a5d6fb;
-  --fds-brand-tertiary-400: #78c1f9;
-  --fds-brand-tertiary-500: #4badf7;
-  --fds-brand-tertiary-600: #1e98f5;
-  --fds-brand-tertiary-700: #1b88dd;
-  --fds-brand-tertiary-800: #156aac;
-  --fds-brand-tertiary-900: #125A91;
+  --fds-brand-alt1-100: #feefef;
+  --fds-brand-alt1-200: #fddfe0;
+  --fds-brand-alt1-300: #fbbfc1;
+  --fds-brand-alt1-400: #f89fa1;
+  --fds-brand-alt1-500: #f67f82;
+  --fds-brand-alt1-600: #f45f63;
+  --fds-brand-alt1-700: #dc5659;
+  --fds-brand-alt1-800: #c34c4f;
+  --fds-brand-alt1-900: #B83D41;
+  --fds-brand-alt2-100: #fcf7e9;
+  --fds-brand-alt2-200: #faeec2;
+  --fds-brand-alt2-300: #f5dda6;
+  --fds-brand-alt2-400: #efcc79;
+  --fds-brand-alt2-500: #eabb4d;
+  --fds-brand-alt2-600: #e5aa20;
+  --fds-brand-alt2-700: #ce991d;
+  --fds-brand-alt2-800: #b7881a;
+  --fds-brand-alt2-900: #A17717;
+  --fds-brand-alt3-100: #e9f5ff;
+  --fds-brand-alt3-200: #d2eafd;
+  --fds-brand-alt3-300: #a5d6fb;
+  --fds-brand-alt3-400: #78c1f9;
+  --fds-brand-alt3-500: #4badf7;
+  --fds-brand-alt3-600: #1e98f5;
+  --fds-brand-alt3-700: #1b88dd;
+  --fds-brand-alt3-800: #156aac;
+  --fds-brand-alt3-900: #125A91;
   --fds-component-mode-height-small: 36px;
   --fds-component-mode-height-medium: var(--fds-sizing-10);
   --fds-component-mode-height-large: var(--fds-sizing-12);
diff --git a/packages/tokens/brand/digdir/tokens.d.ts b/packages/tokens/brand/digdir/tokens.d.ts
index 32e23f2b15..7d87c4a3ec 100644
--- a/packages/tokens/brand/digdir/tokens.d.ts
+++ b/packages/tokens/brand/digdir/tokens.d.ts
@@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill : string;
 export const semantic_surface_action_no_fill_hover : string;
 export const semantic_surface_action_no_fill_active : string;
 export const semantic_surface_action_checked : string;
-export const semantic_surface_action_primary_subtle : string;
-export const semantic_surface_action_primary_subtle_hover : string;
-export const semantic_surface_action_primary_default : string;
-export const semantic_surface_action_primary_hover : string;
-export const semantic_surface_action_primary_active : string;
-export const semantic_surface_action_primary_no_fill : string;
-export const semantic_surface_action_primary_no_fill_hover : string;
-export const semantic_surface_action_primary_no_fill_active : string;
-export const semantic_surface_action_secondary_subtle : string;
-export const semantic_surface_action_secondary_subtle_hover : string;
-export const semantic_surface_action_secondary_default : string;
-export const semantic_surface_action_secondary_hover : string;
-export const semantic_surface_action_secondary_active : string;
-export const semantic_surface_action_secondary_no_fill : string;
-export const semantic_surface_action_secondary_no_fill_hover : string;
-export const semantic_surface_action_secondary_no_fill_active : string;
+export const semantic_surface_action_first_subtle : string;
+export const semantic_surface_action_first_subtle_hover : string;
+export const semantic_surface_action_first_default : string;
+export const semantic_surface_action_first_hover : string;
+export const semantic_surface_action_first_active : string;
+export const semantic_surface_action_first_no_fill : string;
+export const semantic_surface_action_first_no_fill_hover : string;
+export const semantic_surface_action_first_no_fill_active : string;
+export const semantic_surface_action_second_subtle : string;
+export const semantic_surface_action_second_subtle_hover : string;
+export const semantic_surface_action_second_default : string;
+export const semantic_surface_action_second_hover : string;
+export const semantic_surface_action_second_active : string;
+export const semantic_surface_action_second_no_fill : string;
+export const semantic_surface_action_second_no_fill_hover : string;
+export const semantic_surface_action_second_no_fill_active : string;
 export const semantic_surface_success_subtle : string;
 export const semantic_surface_success_subtle_hover : string;
 export const semantic_surface_success_default : string;
@@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active : string;
 export const semantic_surface_on_inverted_no_fill : string;
 export const semantic_surface_on_inverted_no_fill_hover : string;
 export const semantic_surface_on_inverted_no_fill_active : string;
-export const semantic_surface_primary_light : string;
-export const semantic_surface_primary_light_hover : string;
-export const semantic_surface_primary_light_active : string;
-export const semantic_surface_primary_dark : string;
-export const semantic_surface_secondary_light : string;
-export const semantic_surface_secondary_light_hover : string;
-export const semantic_surface_secondary_light_active : string;
-export const semantic_surface_secondary_dark : string;
-export const semantic_surface_tertiary_light : string;
-export const semantic_surface_tertiary_light_hover : string;
-export const semantic_surface_tertiary_light_active : string;
-export const semantic_surface_tertiary_dark : string;
+export const semantic_surface_first_light : string;
+export const semantic_surface_first_light_hover : string;
+export const semantic_surface_first_light_active : string;
+export const semantic_surface_first_dark : string;
+export const semantic_surface_second_light : string;
+export const semantic_surface_second_light_hover : string;
+export const semantic_surface_second_light_active : string;
+export const semantic_surface_second_dark : string;
+export const semantic_surface_third_light : string;
+export const semantic_surface_third_light_hover : string;
+export const semantic_surface_third_light_active : string;
+export const semantic_surface_third_dark : string;
 export const semantic_border_info_default : string;
 export const semantic_border_action_subtle : string;
 export const semantic_border_action_subtle_hover : string;
@@ -84,16 +84,16 @@ export const semantic_border_action_hover : string;
 export const semantic_border_action_active : string;
 export const semantic_border_action_dark : string;
 export const semantic_border_action_dark_hover : string;
-export const semantic_border_action_primary_subtle : string;
-export const semantic_border_action_primary_subtle_hover : string;
-export const semantic_border_action_primary_default : string;
-export const semantic_border_action_primary_hover : string;
-export const semantic_border_action_primary_active : string;
-export const semantic_border_action_secondary_subtle : string;
-export const semantic_border_action_secondary_subtle_hover : string;
-export const semantic_border_action_secondary_default : string;
-export const semantic_border_action_secondary_hover : string;
-export const semantic_border_action_secondary_active : string;
+export const semantic_border_action_first_subtle : string;
+export const semantic_border_action_first_subtle_hover : string;
+export const semantic_border_action_first_default : string;
+export const semantic_border_action_first_hover : string;
+export const semantic_border_action_first_active : string;
+export const semantic_border_action_second_subtle : string;
+export const semantic_border_action_second_subtle_hover : string;
+export const semantic_border_action_second_default : string;
+export const semantic_border_action_second_hover : string;
+export const semantic_border_action_second_active : string;
 export const semantic_border_neutral_default : string;
 export const semantic_border_neutral_subtle : string;
 export const semantic_border_neutral_strong : string;
@@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow : string;
 export const semantic_border_on_inverted_default : string;
 export const semantic_border_input_default : string;
 export const semantic_border_input_hover : string;
-export const semantic_border_primary_default : string;
-export const semantic_border_primary_hover : string;
-export const semantic_border_primary_active : string;
-export const semantic_border_secondary_default : string;
-export const semantic_border_secondary_hover : string;
-export const semantic_border_secondary_active : string;
-export const semantic_border_tertiary_default : string;
-export const semantic_border_tertiary_hover : string;
-export const semantic_border_tertiary_active : string;
+export const semantic_border_first_default : string;
+export const semantic_border_first_hover : string;
+export const semantic_border_first_active : string;
+export const semantic_border_second_default : string;
+export const semantic_border_second_hover : string;
+export const semantic_border_second_active : string;
+export const semantic_border_third_default : string;
+export const semantic_border_third_hover : string;
+export const semantic_border_third_active : string;
 export const semantic_text_success_default : string;
 export const semantic_text_success_hover : string;
 export const semantic_text_success_active : string;
@@ -133,14 +133,14 @@ export const semantic_text_action_default : string;
 export const semantic_text_action_hover : string;
 export const semantic_text_action_active : string;
 export const semantic_text_action_on_action : string;
-export const semantic_text_action_primary_default : string;
-export const semantic_text_action_primary_hover : string;
-export const semantic_text_action_primary_active : string;
-export const semantic_text_action_primary_on_action : string;
-export const semantic_text_action_secondary_default : string;
-export const semantic_text_action_secondary_hover : string;
-export const semantic_text_action_secondary_active : string;
-export const semantic_text_action_secondary_on_action : string;
+export const semantic_text_action_first_default : string;
+export const semantic_text_action_first_hover : string;
+export const semantic_text_action_first_active : string;
+export const semantic_text_action_first_on_action : string;
+export const semantic_text_action_second_default : string;
+export const semantic_text_action_second_hover : string;
+export const semantic_text_action_second_active : string;
+export const semantic_text_action_second_on_action : string;
 export const semantic_text_warning_default : string;
 export const semantic_text_warning_icon_warning : string;
 export const semantic_text_warning_on_warning : string;
@@ -224,33 +224,33 @@ export const shadow_small : string;
 export const shadow_medium : string;
 export const shadow_large : string;
 export const shadow_xlarge : string;
-export const brand_primary_100 : string;
-export const brand_primary_200 : string;
-export const brand_primary_300 : string;
-export const brand_primary_400 : string;
-export const brand_primary_500 : string;
-export const brand_primary_600 : string;
-export const brand_primary_700 : string;
-export const brand_primary_800 : string;
-export const brand_primary_900 : string;
-export const brand_secondary_100 : string;
-export const brand_secondary_200 : string;
-export const brand_secondary_300 : string;
-export const brand_secondary_400 : string;
-export const brand_secondary_500 : string;
-export const brand_secondary_600 : string;
-export const brand_secondary_700 : string;
-export const brand_secondary_800 : string;
-export const brand_secondary_900 : string;
-export const brand_tertiary_100 : string;
-export const brand_tertiary_200 : string;
-export const brand_tertiary_300 : string;
-export const brand_tertiary_400 : string;
-export const brand_tertiary_500 : string;
-export const brand_tertiary_600 : string;
-export const brand_tertiary_700 : string;
-export const brand_tertiary_800 : string;
-export const brand_tertiary_900 : string;
+export const brand_alt1_100 : string;
+export const brand_alt1_200 : string;
+export const brand_alt1_300 : string;
+export const brand_alt1_400 : string;
+export const brand_alt1_500 : string;
+export const brand_alt1_600 : string;
+export const brand_alt1_700 : string;
+export const brand_alt1_800 : string;
+export const brand_alt1_900 : string;
+export const brand_alt2_100 : string;
+export const brand_alt2_200 : string;
+export const brand_alt2_300 : string;
+export const brand_alt2_400 : string;
+export const brand_alt2_500 : string;
+export const brand_alt2_600 : string;
+export const brand_alt2_700 : string;
+export const brand_alt2_800 : string;
+export const brand_alt2_900 : string;
+export const brand_alt3_100 : string;
+export const brand_alt3_200 : string;
+export const brand_alt3_300 : string;
+export const brand_alt3_400 : string;
+export const brand_alt3_500 : string;
+export const brand_alt3_600 : string;
+export const brand_alt3_700 : string;
+export const brand_alt3_800 : string;
+export const brand_alt3_900 : string;
 export const component_mode_height_small : string;
 export const component_mode_height_medium : string;
 export const component_mode_height_large : string;
diff --git a/packages/tokens/brand/digdir/tokens.esm.js b/packages/tokens/brand/digdir/tokens.esm.js
index cbfed8b067..11c1a58c65 100644
--- a/packages/tokens/brand/digdir/tokens.esm.js
+++ b/packages/tokens/brand/digdir/tokens.esm.js
@@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill = "#ffffff";
 export const semantic_surface_action_no_fill_hover = "#e6eff8";
 export const semantic_surface_action_no_fill_active = "#b3d0ea";
 export const semantic_surface_action_checked = "#0062ba";
-export const semantic_surface_action_primary_subtle = "#e6eff8";
-export const semantic_surface_action_primary_subtle_hover = "#b3d0ea";
-export const semantic_surface_action_primary_default = "#0062ba";
-export const semantic_surface_action_primary_hover = "#004e95";
-export const semantic_surface_action_primary_active = "#00315d";
-export const semantic_surface_action_primary_no_fill = "#ffffff";
-export const semantic_surface_action_primary_no_fill_hover = "#e6eff8";
-export const semantic_surface_action_primary_no_fill_active = "#b3d0ea";
-export const semantic_surface_action_secondary_subtle = "#f4f5f6";
-export const semantic_surface_action_secondary_subtle_hover = "#e9eaec";
-export const semantic_surface_action_secondary_default = "#00315d";
-export const semantic_surface_action_secondary_hover = "rgba(0, 49, 93, 0.9)";
-export const semantic_surface_action_secondary_active = "rgba(0, 49, 93, 0.8)";
-export const semantic_surface_action_secondary_no_fill = "#ffffff";
-export const semantic_surface_action_secondary_no_fill_hover = "rgba(0, 49, 93, 0.1)";
-export const semantic_surface_action_secondary_no_fill_active = "rgba(0, 49, 93, 0.2)";
+export const semantic_surface_action_first_subtle = "#e6eff8";
+export const semantic_surface_action_first_subtle_hover = "#b3d0ea";
+export const semantic_surface_action_first_default = "#0062ba";
+export const semantic_surface_action_first_hover = "#004e95";
+export const semantic_surface_action_first_active = "#00315d";
+export const semantic_surface_action_first_no_fill = "#ffffff";
+export const semantic_surface_action_first_no_fill_hover = "#e6eff8";
+export const semantic_surface_action_first_no_fill_active = "#b3d0ea";
+export const semantic_surface_action_second_subtle = "#f4f5f6";
+export const semantic_surface_action_second_subtle_hover = "#e9eaec";
+export const semantic_surface_action_second_default = "#00315d";
+export const semantic_surface_action_second_hover = "rgba(0, 49, 93, 0.9)";
+export const semantic_surface_action_second_active = "rgba(0, 49, 93, 0.8)";
+export const semantic_surface_action_second_no_fill = "#ffffff";
+export const semantic_surface_action_second_no_fill_hover = "rgba(0, 49, 93, 0.1)";
+export const semantic_surface_action_second_no_fill_active = "rgba(0, 49, 93, 0.2)";
 export const semantic_surface_success_subtle = "#d1f4e1";
 export const semantic_surface_success_subtle_hover = "#8be4b5";
 export const semantic_surface_success_default = "#118849";
@@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active = "#ffffffcc";
 export const semantic_surface_on_inverted_no_fill = "#ffffff00";
 export const semantic_surface_on_inverted_no_fill_hover = "#ffffff1a";
 export const semantic_surface_on_inverted_no_fill_active = "#ffffff33";
-export const semantic_surface_primary_light = "#fddfe0";
-export const semantic_surface_primary_light_hover = "#fbbfc1";
-export const semantic_surface_primary_light_active = "#f89fa1";
-export const semantic_surface_primary_dark = "#c34c4f";
-export const semantic_surface_secondary_light = "#faeec2";
-export const semantic_surface_secondary_light_hover = "#f5dda6";
-export const semantic_surface_secondary_light_active = "#efcc79";
-export const semantic_surface_secondary_dark = "#A17717";
-export const semantic_surface_tertiary_light = "#d2eafd";
-export const semantic_surface_tertiary_light_hover = "#a5d6fb";
-export const semantic_surface_tertiary_light_active = "#78c1f9";
-export const semantic_surface_tertiary_dark = "#156aac";
+export const semantic_surface_first_light = "#fddfe0";
+export const semantic_surface_first_light_hover = "#fbbfc1";
+export const semantic_surface_first_light_active = "#f89fa1";
+export const semantic_surface_first_dark = "#c34c4f";
+export const semantic_surface_second_light = "#faeec2";
+export const semantic_surface_second_light_hover = "#f5dda6";
+export const semantic_surface_second_light_active = "#efcc79";
+export const semantic_surface_second_dark = "#A17717";
+export const semantic_surface_third_light = "#d2eafd";
+export const semantic_surface_third_light_hover = "#a5d6fb";
+export const semantic_surface_third_light_active = "#78c1f9";
+export const semantic_surface_third_dark = "#156aac";
 export const semantic_border_info_default = "#004e95";
 export const semantic_border_action_subtle = "#b3d0ea";
 export const semantic_border_action_subtle_hover = "#66a1d6";
@@ -84,16 +84,16 @@ export const semantic_border_action_hover = "#0062ba";
 export const semantic_border_action_active = "#00315d";
 export const semantic_border_action_dark = "#00315d";
 export const semantic_border_action_dark_hover = "#0062ba";
-export const semantic_border_action_primary_subtle = "#b3d0ea";
-export const semantic_border_action_primary_subtle_hover = "#66a1d6";
-export const semantic_border_action_primary_default = "#0062ba";
-export const semantic_border_action_primary_hover = "#004e95";
-export const semantic_border_action_primary_active = "#00315d";
-export const semantic_border_action_secondary_subtle = "#e9eaec";
-export const semantic_border_action_secondary_subtle_hover = "#d2d5d8";
-export const semantic_border_action_secondary_default = "#00315d";
-export const semantic_border_action_secondary_hover = "#00315d";
-export const semantic_border_action_secondary_active = "#00315d";
+export const semantic_border_action_first_subtle = "#b3d0ea";
+export const semantic_border_action_first_subtle_hover = "#66a1d6";
+export const semantic_border_action_first_default = "#0062ba";
+export const semantic_border_action_first_hover = "#004e95";
+export const semantic_border_action_first_active = "#00315d";
+export const semantic_border_action_second_subtle = "#e9eaec";
+export const semantic_border_action_second_subtle_hover = "#d2d5d8";
+export const semantic_border_action_second_default = "#00315d";
+export const semantic_border_action_second_hover = "#00315d";
+export const semantic_border_action_second_active = "#00315d";
 export const semantic_border_neutral_default = "#68707c";
 export const semantic_border_neutral_subtle = "#d2d5d8";
 export const semantic_border_neutral_strong = "#1e2b3c";
@@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow = "#1e2b3c";
 export const semantic_border_on_inverted_default = "#ffffff";
 export const semantic_border_input_default = "#00315d";
 export const semantic_border_input_hover = "#0062ba";
-export const semantic_border_primary_default = "#f45f63";
-export const semantic_border_primary_hover = "#dc5659";
-export const semantic_border_primary_active = "#c34c4f";
-export const semantic_border_secondary_default = "#e5aa20";
-export const semantic_border_secondary_hover = "#ce991d";
-export const semantic_border_secondary_active = "#b7881a";
-export const semantic_border_tertiary_default = "#1e98f5";
-export const semantic_border_tertiary_hover = "#1b88dd";
-export const semantic_border_tertiary_active = "#156aac";
+export const semantic_border_first_default = "#f45f63";
+export const semantic_border_first_hover = "#dc5659";
+export const semantic_border_first_active = "#c34c4f";
+export const semantic_border_second_default = "#e5aa20";
+export const semantic_border_second_hover = "#ce991d";
+export const semantic_border_second_active = "#b7881a";
+export const semantic_border_third_default = "#1e98f5";
+export const semantic_border_third_hover = "#1b88dd";
+export const semantic_border_third_active = "#156aac";
 export const semantic_text_success_default = "#0c6536";
 export const semantic_text_success_hover = "#084826";
 export const semantic_text_success_active = "#084826";
@@ -133,14 +133,14 @@ export const semantic_text_action_default = "#0062ba";
 export const semantic_text_action_hover = "#004e95";
 export const semantic_text_action_active = "#00315d";
 export const semantic_text_action_on_action = "#ffffff";
-export const semantic_text_action_primary_default = "#0062ba";
-export const semantic_text_action_primary_hover = "#004e95";
-export const semantic_text_action_primary_active = "#00315d";
-export const semantic_text_action_primary_on_action = "#ffffff";
-export const semantic_text_action_secondary_default = "#00315d";
-export const semantic_text_action_secondary_hover = "#00315d";
-export const semantic_text_action_secondary_active = "#00315d";
-export const semantic_text_action_secondary_on_action = "#ffffff";
+export const semantic_text_action_first_default = "#0062ba";
+export const semantic_text_action_first_hover = "#004e95";
+export const semantic_text_action_first_active = "#00315d";
+export const semantic_text_action_first_on_action = "#ffffff";
+export const semantic_text_action_second_default = "#00315d";
+export const semantic_text_action_second_hover = "#00315d";
+export const semantic_text_action_second_active = "#00315d";
+export const semantic_text_action_second_on_action = "#ffffff";
 export const semantic_text_warning_default = "#995404";
 export const semantic_text_warning_icon_warning = "#cc7005";
 export const semantic_text_warning_on_warning = "#663802";
@@ -224,33 +224,33 @@ export const shadow_small = "0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a";
 export const shadow_medium = "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a";
 export const shadow_large = "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a";
 export const shadow_xlarge = "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a";
-export const brand_primary_100 = "#feefef";
-export const brand_primary_200 = "#fddfe0";
-export const brand_primary_300 = "#fbbfc1";
-export const brand_primary_400 = "#f89fa1";
-export const brand_primary_500 = "#f67f82";
-export const brand_primary_600 = "#f45f63";
-export const brand_primary_700 = "#dc5659";
-export const brand_primary_800 = "#c34c4f";
-export const brand_primary_900 = "#B83D41";
-export const brand_secondary_100 = "#fcf7e9";
-export const brand_secondary_200 = "#faeec2";
-export const brand_secondary_300 = "#f5dda6";
-export const brand_secondary_400 = "#efcc79";
-export const brand_secondary_500 = "#eabb4d";
-export const brand_secondary_600 = "#e5aa20";
-export const brand_secondary_700 = "#ce991d";
-export const brand_secondary_800 = "#b7881a";
-export const brand_secondary_900 = "#A17717";
-export const brand_tertiary_100 = "#e9f5ff";
-export const brand_tertiary_200 = "#d2eafd";
-export const brand_tertiary_300 = "#a5d6fb";
-export const brand_tertiary_400 = "#78c1f9";
-export const brand_tertiary_500 = "#4badf7";
-export const brand_tertiary_600 = "#1e98f5";
-export const brand_tertiary_700 = "#1b88dd";
-export const brand_tertiary_800 = "#156aac";
-export const brand_tertiary_900 = "#125A91";
+export const brand_alt1_100 = "#feefef";
+export const brand_alt1_200 = "#fddfe0";
+export const brand_alt1_300 = "#fbbfc1";
+export const brand_alt1_400 = "#f89fa1";
+export const brand_alt1_500 = "#f67f82";
+export const brand_alt1_600 = "#f45f63";
+export const brand_alt1_700 = "#dc5659";
+export const brand_alt1_800 = "#c34c4f";
+export const brand_alt1_900 = "#B83D41";
+export const brand_alt2_100 = "#fcf7e9";
+export const brand_alt2_200 = "#faeec2";
+export const brand_alt2_300 = "#f5dda6";
+export const brand_alt2_400 = "#efcc79";
+export const brand_alt2_500 = "#eabb4d";
+export const brand_alt2_600 = "#e5aa20";
+export const brand_alt2_700 = "#ce991d";
+export const brand_alt2_800 = "#b7881a";
+export const brand_alt2_900 = "#A17717";
+export const brand_alt3_100 = "#e9f5ff";
+export const brand_alt3_200 = "#d2eafd";
+export const brand_alt3_300 = "#a5d6fb";
+export const brand_alt3_400 = "#78c1f9";
+export const brand_alt3_500 = "#4badf7";
+export const brand_alt3_600 = "#1e98f5";
+export const brand_alt3_700 = "#1b88dd";
+export const brand_alt3_800 = "#156aac";
+export const brand_alt3_900 = "#125A91";
 export const component_mode_height_small = "36px";
 export const component_mode_height_medium = "45px";
 export const component_mode_height_large = "54px";
diff --git a/packages/tokens/brand/tilsynet/tokens.cjs.js b/packages/tokens/brand/tilsynet/tokens.cjs.js
index 4951971611..03b35b5933 100644
--- a/packages/tokens/brand/tilsynet/tokens.cjs.js
+++ b/packages/tokens/brand/tilsynet/tokens.cjs.js
@@ -22,22 +22,22 @@ module.exports = {
   "semantic_surface_action_no_fill_hover": "#e6eff8",
   "semantic_surface_action_no_fill_active": "#b3d0ea",
   "semantic_surface_action_checked": "#0062ba",
-  "semantic_surface_action_primary_subtle": "#e6eff8",
-  "semantic_surface_action_primary_subtle_hover": "#b3d0ea",
-  "semantic_surface_action_primary_default": "#3339c6",
-  "semantic_surface_action_primary_hover": "#0008b8",
-  "semantic_surface_action_primary_active": "#00078F",
-  "semantic_surface_action_primary_no_fill": "#ffffff",
-  "semantic_surface_action_primary_no_fill_hover": "#e6eff8",
-  "semantic_surface_action_primary_no_fill_active": "#b3d0ea",
-  "semantic_surface_action_secondary_subtle": "#f4f5f6",
-  "semantic_surface_action_secondary_subtle_hover": "#e9eaec",
-  "semantic_surface_action_secondary_default": "#407d6d",
-  "semantic_surface_action_secondary_hover": "#376C5E",
-  "semantic_surface_action_secondary_active": "#376C5E",
-  "semantic_surface_action_secondary_no_fill": "#ffffff",
-  "semantic_surface_action_secondary_no_fill_hover": "rgba(0, 49, 93, 0.1)",
-  "semantic_surface_action_secondary_no_fill_active": "rgba(0, 49, 93, 0.2)",
+  "semantic_surface_action_first_subtle": "#f4f5f6",
+  "semantic_surface_action_first_subtle_hover": "#e9eaec",
+  "semantic_surface_action_first_default": "#00315d",
+  "semantic_surface_action_first_hover": "rgba(0, 49, 93, 0.9)",
+  "semantic_surface_action_first_active": "rgba(0, 49, 93, 0.8)",
+  "semantic_surface_action_first_no_fill": "#ffffff",
+  "semantic_surface_action_first_no_fill_hover": "rgba(0, 49, 93, 0.1)",
+  "semantic_surface_action_first_no_fill_active": "rgba(0, 49, 93, 0.2)",
+  "semantic_surface_action_second_subtle": "#f4f5f6",
+  "semantic_surface_action_second_subtle_hover": "#e9eaec",
+  "semantic_surface_action_second_default": "#00315d",
+  "semantic_surface_action_second_hover": "rgba(0, 49, 93, 0.9)",
+  "semantic_surface_action_second_active": "rgba(0, 49, 93, 0.8)",
+  "semantic_surface_action_second_no_fill": "#ffffff",
+  "semantic_surface_action_second_no_fill_hover": "rgba(0, 49, 93, 0.1)",
+  "semantic_surface_action_second_no_fill_active": "rgba(0, 49, 93, 0.2)",
   "semantic_surface_success_subtle": "#d1f4e1",
   "semantic_surface_success_subtle_hover": "#8be4b5",
   "semantic_surface_success_default": "#118849",
@@ -65,18 +65,18 @@ module.exports = {
   "semantic_surface_on_inverted_no_fill": "#ffffff00",
   "semantic_surface_on_inverted_no_fill_hover": "#ffffff1a",
   "semantic_surface_on_inverted_no_fill_active": "#ffffff33",
-  "semantic_surface_primary_light": "#dedff6",
-  "semantic_surface_primary_light_hover": "#bec0ed",
-  "semantic_surface_primary_light_active": "#9da0e4",
-  "semantic_surface_primary_dark": "#0008b8",
-  "semantic_surface_secondary_light": "#ffdcc3",
-  "semantic_surface_secondary_light_hover": "#fdd4b7",
-  "semantic_surface_secondary_light_active": "#ffc296",
-  "semantic_surface_secondary_dark": "#9F6841",
-  "semantic_surface_tertiary_light": "#deece9",
-  "semantic_surface_tertiary_light_hover": "#bedad2",
-  "semantic_surface_tertiary_light_active": "#9dc7bc",
-  "semantic_surface_tertiary_dark": "#407d6d",
+  "semantic_surface_first_light": "#dedff6",
+  "semantic_surface_first_light_hover": "#bec0ed",
+  "semantic_surface_first_light_active": "#9da0e4",
+  "semantic_surface_first_dark": "#0008b8",
+  "semantic_surface_second_light": "#ffdcc3",
+  "semantic_surface_second_light_hover": "#fdd4b7",
+  "semantic_surface_second_light_active": "#ffc296",
+  "semantic_surface_second_dark": "#9F6841",
+  "semantic_surface_third_light": "#deece9",
+  "semantic_surface_third_light_hover": "#bedad2",
+  "semantic_surface_third_light_active": "#9dc7bc",
+  "semantic_surface_third_dark": "#407d6d",
   "semantic_border_info_default": "#004e95",
   "semantic_border_action_subtle": "#b3d0ea",
   "semantic_border_action_subtle_hover": "#66a1d6",
@@ -85,16 +85,16 @@ module.exports = {
   "semantic_border_action_active": "#00315d",
   "semantic_border_action_dark": "#00315d",
   "semantic_border_action_dark_hover": "#0062ba",
-  "semantic_border_action_primary_subtle": "#b3d0ea",
-  "semantic_border_action_primary_subtle_hover": "#66a1d6",
-  "semantic_border_action_primary_default": "#0062ba",
-  "semantic_border_action_primary_hover": "#004e95",
-  "semantic_border_action_primary_active": "#00315d",
-  "semantic_border_action_secondary_subtle": "#e9eaec",
-  "semantic_border_action_secondary_subtle_hover": "#d2d5d8",
-  "semantic_border_action_secondary_default": "#00315d",
-  "semantic_border_action_secondary_hover": "#00315d",
-  "semantic_border_action_secondary_active": "#00315d",
+  "semantic_border_action_first_subtle": "#b3d0ea",
+  "semantic_border_action_first_subtle_hover": "#66a1d6",
+  "semantic_border_action_first_default": "#0062ba",
+  "semantic_border_action_first_hover": "#004e95",
+  "semantic_border_action_first_active": "#00315d",
+  "semantic_border_action_second_subtle": "#e9eaec",
+  "semantic_border_action_second_subtle_hover": "#d2d5d8",
+  "semantic_border_action_second_default": "#00315d",
+  "semantic_border_action_second_hover": "#00315d",
+  "semantic_border_action_second_active": "#00315d",
   "semantic_border_neutral_default": "#68707c",
   "semantic_border_neutral_subtle": "#d2d5d8",
   "semantic_border_neutral_strong": "#1e2b3c",
@@ -113,15 +113,15 @@ module.exports = {
   "semantic_border_on_inverted_default": "#ffffff",
   "semantic_border_input_default": "#00315d",
   "semantic_border_input_hover": "#0062ba",
-  "semantic_border_primary_default": "#5c61d2",
-  "semantic_border_primary_hover": "#3339c6",
-  "semantic_border_primary_active": "#0008b8",
-  "semantic_border_secondary_default": "#ffa869",
-  "semantic_border_secondary_hover": "#e6975f",
-  "semantic_border_secondary_active": "#b3764a",
-  "semantic_border_tertiary_default": "#5ca28f",
-  "semantic_border_tertiary_hover": "#4c907e",
-  "semantic_border_tertiary_active": "#407d6d",
+  "semantic_border_first_default": "#5c61d2",
+  "semantic_border_first_hover": "#3339c6",
+  "semantic_border_first_active": "#0008b8",
+  "semantic_border_second_default": "#ffa869",
+  "semantic_border_second_hover": "#e6975f",
+  "semantic_border_second_active": "#b3764a",
+  "semantic_border_third_default": "#5ca28f",
+  "semantic_border_third_hover": "#4c907e",
+  "semantic_border_third_active": "#407d6d",
   "semantic_text_success_default": "#0c6536",
   "semantic_text_success_hover": "#084826",
   "semantic_text_success_active": "#084826",
@@ -134,14 +134,14 @@ module.exports = {
   "semantic_text_action_hover": "#004e95",
   "semantic_text_action_active": "#00315d",
   "semantic_text_action_on_action": "#ffffff",
-  "semantic_text_action_primary_default": "#0062ba",
-  "semantic_text_action_primary_hover": "#004e95",
-  "semantic_text_action_primary_active": "#00315d",
-  "semantic_text_action_primary_on_action": "#ffffff",
-  "semantic_text_action_secondary_default": "#00315d",
-  "semantic_text_action_secondary_hover": "#00315d",
-  "semantic_text_action_secondary_active": "#00315d",
-  "semantic_text_action_secondary_on_action": "#ffffff",
+  "semantic_text_action_first_default": "#0062ba",
+  "semantic_text_action_first_hover": "#004e95",
+  "semantic_text_action_first_active": "#00315d",
+  "semantic_text_action_first_on_action": "#ffffff",
+  "semantic_text_action_second_default": "#00315d",
+  "semantic_text_action_second_hover": "#00315d",
+  "semantic_text_action_second_active": "#00315d",
+  "semantic_text_action_second_on_action": "#ffffff",
   "semantic_text_warning_default": "#995404",
   "semantic_text_warning_icon_warning": "#cc7005",
   "semantic_text_warning_on_warning": "#663802",
@@ -225,33 +225,33 @@ module.exports = {
   "shadow_medium": "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a",
   "shadow_large": "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a",
   "shadow_xlarge": "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a",
-  "brand_primary_100": "#efeffb",
-  "brand_primary_200": "#dedff6",
-  "brand_primary_300": "#bec0ed",
-  "brand_primary_400": "#9da0e4",
-  "brand_primary_500": "#7d81db",
-  "brand_primary_600": "#5c61d2",
-  "brand_primary_700": "#3339c6",
-  "brand_primary_800": "#0008b8",
-  "brand_primary_900": "#00078F",
-  "brand_secondary_100": "#ffeee1",
-  "brand_secondary_200": "#ffdcc3",
-  "brand_secondary_300": "#fdd4b7",
-  "brand_secondary_400": "#ffc296",
-  "brand_secondary_500": "#ffb178",
-  "brand_secondary_600": "#ffa869",
-  "brand_secondary_700": "#e6975f",
-  "brand_secondary_800": "#b3764a",
-  "brand_secondary_900": "#9F6841",
-  "brand_tertiary_100": "#eff6f4",
-  "brand_tertiary_200": "#deece9",
-  "brand_tertiary_300": "#bedad2",
-  "brand_tertiary_400": "#9dc7bc",
-  "brand_tertiary_500": "#7db5a5",
-  "brand_tertiary_600": "#5ca28f",
-  "brand_tertiary_700": "#4c907e",
-  "brand_tertiary_800": "#407d6d",
-  "brand_tertiary_900": "#376C5E",
+  "brand_alt1_100": "#efeffb",
+  "brand_alt1_200": "#dedff6",
+  "brand_alt1_300": "#bec0ed",
+  "brand_alt1_400": "#9da0e4",
+  "brand_alt1_500": "#7d81db",
+  "brand_alt1_600": "#5c61d2",
+  "brand_alt1_700": "#3339c6",
+  "brand_alt1_800": "#0008b8",
+  "brand_alt1_900": "#00078F",
+  "brand_alt2_100": "#ffeee1",
+  "brand_alt2_200": "#ffdcc3",
+  "brand_alt2_300": "#fdd4b7",
+  "brand_alt2_400": "#ffc296",
+  "brand_alt2_500": "#ffb178",
+  "brand_alt2_600": "#ffa869",
+  "brand_alt2_700": "#e6975f",
+  "brand_alt2_800": "#b3764a",
+  "brand_alt2_900": "#9F6841",
+  "brand_alt3_100": "#eff6f4",
+  "brand_alt3_200": "#deece9",
+  "brand_alt3_300": "#bedad2",
+  "brand_alt3_400": "#9dc7bc",
+  "brand_alt3_500": "#7db5a5",
+  "brand_alt3_600": "#5ca28f",
+  "brand_alt3_700": "#4c907e",
+  "brand_alt3_800": "#407d6d",
+  "brand_alt3_900": "#376C5E",
   "component_mode_height_small": "36px",
   "component_mode_height_medium": "45px",
   "component_mode_height_large": "54px",
diff --git a/packages/tokens/brand/tilsynet/tokens.css b/packages/tokens/brand/tilsynet/tokens.css
index 0b4aaa11c2..56461a7ae5 100644
--- a/packages/tokens/brand/tilsynet/tokens.css
+++ b/packages/tokens/brand/tilsynet/tokens.css
@@ -26,22 +26,22 @@
   --fds-semantic-surface-action-no_fill-hover: #e6eff8;
   --fds-semantic-surface-action-no_fill-active: #b3d0ea;
   --fds-semantic-surface-action-checked: #0062ba;
-  --fds-semantic-surface-action-primary-subtle: #e6eff8;
-  --fds-semantic-surface-action-primary-subtle-hover: #b3d0ea;
-  --fds-semantic-surface-action-primary-default: #3339c6;
-  --fds-semantic-surface-action-primary-hover: #0008b8;
-  --fds-semantic-surface-action-primary-active: #00078F;
-  --fds-semantic-surface-action-primary-no_fill: #ffffff;
-  --fds-semantic-surface-action-primary-no_fill-hover: #e6eff8;
-  --fds-semantic-surface-action-primary-no_fill-active: #b3d0ea;
-  --fds-semantic-surface-action-secondary-subtle: #f4f5f6;
-  --fds-semantic-surface-action-secondary-subtle-hover: #e9eaec;
-  --fds-semantic-surface-action-secondary-default: #407d6d;
-  --fds-semantic-surface-action-secondary-hover: #376C5E;
-  --fds-semantic-surface-action-secondary-active: #376C5E;
-  --fds-semantic-surface-action-secondary-no_fill: #ffffff;
-  --fds-semantic-surface-action-secondary-no_fill-hover: rgba(0, 49, 93, 0.1);
-  --fds-semantic-surface-action-secondary-no_fill-active: rgba(0, 49, 93, 0.2);
+  --fds-semantic-surface-action-first-subtle: #f4f5f6;
+  --fds-semantic-surface-action-first-subtle-hover: #e9eaec;
+  --fds-semantic-surface-action-first-default: #00315d;
+  --fds-semantic-surface-action-first-hover: rgba(0, 49, 93, 0.9);
+  --fds-semantic-surface-action-first-active: rgba(0, 49, 93, 0.8);
+  --fds-semantic-surface-action-first-no_fill: #ffffff;
+  --fds-semantic-surface-action-first-no_fill-hover: rgba(0, 49, 93, 0.1);
+  --fds-semantic-surface-action-first-no_fill-active: rgba(0, 49, 93, 0.2);
+  --fds-semantic-surface-action-second-subtle: #f4f5f6;
+  --fds-semantic-surface-action-second-subtle-hover: #e9eaec;
+  --fds-semantic-surface-action-second-default: #00315d;
+  --fds-semantic-surface-action-second-hover: rgba(0, 49, 93, 0.9);
+  --fds-semantic-surface-action-second-active: rgba(0, 49, 93, 0.8);
+  --fds-semantic-surface-action-second-no_fill: #ffffff;
+  --fds-semantic-surface-action-second-no_fill-hover: rgba(0, 49, 93, 0.1);
+  --fds-semantic-surface-action-second-no_fill-active: rgba(0, 49, 93, 0.2);
   --fds-semantic-surface-success-subtle: #d1f4e1;
   --fds-semantic-surface-success-subtle-hover: #8be4b5;
   --fds-semantic-surface-success-default: #118849;
@@ -69,18 +69,18 @@
   --fds-semantic-surface-on_inverted-no_fill: #ffffff00;
   --fds-semantic-surface-on_inverted-no_fill-hover: #ffffff1a;
   --fds-semantic-surface-on_inverted-no_fill-active: #ffffff33;
-  --fds-semantic-surface-primary-light: #dedff6;
-  --fds-semantic-surface-primary-light-hover: #bec0ed;
-  --fds-semantic-surface-primary-light-active: #9da0e4;
-  --fds-semantic-surface-primary-dark: #0008b8;
-  --fds-semantic-surface-secondary-light: #ffdcc3;
-  --fds-semantic-surface-secondary-light-hover: #fdd4b7;
-  --fds-semantic-surface-secondary-light-active: #ffc296;
-  --fds-semantic-surface-secondary-dark: #9F6841;
-  --fds-semantic-surface-tertiary-light: #deece9;
-  --fds-semantic-surface-tertiary-light-hover: #bedad2;
-  --fds-semantic-surface-tertiary-light-active: #9dc7bc;
-  --fds-semantic-surface-tertiary-dark: #407d6d;
+  --fds-semantic-surface-first-light: #dedff6;
+  --fds-semantic-surface-first-light-hover: #bec0ed;
+  --fds-semantic-surface-first-light-active: #9da0e4;
+  --fds-semantic-surface-first-dark: #0008b8;
+  --fds-semantic-surface-second-light: #ffdcc3;
+  --fds-semantic-surface-second-light-hover: #fdd4b7;
+  --fds-semantic-surface-second-light-active: #ffc296;
+  --fds-semantic-surface-second-dark: #9F6841;
+  --fds-semantic-surface-third-light: #deece9;
+  --fds-semantic-surface-third-light-hover: #bedad2;
+  --fds-semantic-surface-third-light-active: #9dc7bc;
+  --fds-semantic-surface-third-dark: #407d6d;
   --fds-semantic-border-info-default: #004e95;
   --fds-semantic-border-action-subtle: #b3d0ea;
   --fds-semantic-border-action-subtle-hover: #66a1d6;
@@ -89,16 +89,16 @@
   --fds-semantic-border-action-active: #00315d;
   --fds-semantic-border-action-dark: #00315d;
   --fds-semantic-border-action-dark-hover: #0062ba;
-  --fds-semantic-border-action-primary-subtle: #b3d0ea;
-  --fds-semantic-border-action-primary-subtle-hover: #66a1d6;
-  --fds-semantic-border-action-primary-default: #0062ba;
-  --fds-semantic-border-action-primary-hover: #004e95;
-  --fds-semantic-border-action-primary-active: #00315d;
-  --fds-semantic-border-action-secondary-subtle: #e9eaec;
-  --fds-semantic-border-action-secondary-subtle-hover: #d2d5d8;
-  --fds-semantic-border-action-secondary-default: #00315d;
-  --fds-semantic-border-action-secondary-hover: #00315d;
-  --fds-semantic-border-action-secondary-active: #00315d;
+  --fds-semantic-border-action-first-subtle: #b3d0ea;
+  --fds-semantic-border-action-first-subtle-hover: #66a1d6;
+  --fds-semantic-border-action-first-default: #0062ba;
+  --fds-semantic-border-action-first-hover: #004e95;
+  --fds-semantic-border-action-first-active: #00315d;
+  --fds-semantic-border-action-second-subtle: #e9eaec;
+  --fds-semantic-border-action-second-subtle-hover: #d2d5d8;
+  --fds-semantic-border-action-second-default: #00315d;
+  --fds-semantic-border-action-second-hover: #00315d;
+  --fds-semantic-border-action-second-active: #00315d;
   --fds-semantic-border-neutral-default: #68707c;
   --fds-semantic-border-neutral-subtle: #d2d5d8;
   --fds-semantic-border-neutral-strong: #1e2b3c;
@@ -117,15 +117,15 @@
   --fds-semantic-border-on_inverted-default: #ffffff;
   --fds-semantic-border-input-default: #00315d;
   --fds-semantic-border-input-hover: #0062ba;
-  --fds-semantic-border-primary-default: #5c61d2;
-  --fds-semantic-border-primary-hover: #3339c6;
-  --fds-semantic-border-primary-active: #0008b8;
-  --fds-semantic-border-secondary-default: #ffa869;
-  --fds-semantic-border-secondary-hover: #e6975f;
-  --fds-semantic-border-secondary-active: #b3764a;
-  --fds-semantic-border-tertiary-default: #5ca28f;
-  --fds-semantic-border-tertiary-hover: #4c907e;
-  --fds-semantic-border-tertiary-active: #407d6d;
+  --fds-semantic-border-first-default: #5c61d2;
+  --fds-semantic-border-first-hover: #3339c6;
+  --fds-semantic-border-first-active: #0008b8;
+  --fds-semantic-border-second-default: #ffa869;
+  --fds-semantic-border-second-hover: #e6975f;
+  --fds-semantic-border-second-active: #b3764a;
+  --fds-semantic-border-third-default: #5ca28f;
+  --fds-semantic-border-third-hover: #4c907e;
+  --fds-semantic-border-third-active: #407d6d;
   --fds-semantic-text-success-default: #0c6536;
   --fds-semantic-text-success-hover: #084826;
   --fds-semantic-text-success-active: #084826;
@@ -138,14 +138,14 @@
   --fds-semantic-text-action-hover: #004e95;
   --fds-semantic-text-action-active: #00315d;
   --fds-semantic-text-action-on_action: #ffffff;
-  --fds-semantic-text-action-primary-default: #0062ba;
-  --fds-semantic-text-action-primary-hover: #004e95;
-  --fds-semantic-text-action-primary-active: #00315d;
-  --fds-semantic-text-action-primary-on_action: #ffffff;
-  --fds-semantic-text-action-secondary-default: #00315d;
-  --fds-semantic-text-action-secondary-hover: #00315d;
-  --fds-semantic-text-action-secondary-active: #00315d;
-  --fds-semantic-text-action-secondary-on_action: #ffffff;
+  --fds-semantic-text-action-first-default: #0062ba;
+  --fds-semantic-text-action-first-hover: #004e95;
+  --fds-semantic-text-action-first-active: #00315d;
+  --fds-semantic-text-action-first-on_action: #ffffff;
+  --fds-semantic-text-action-second-default: #00315d;
+  --fds-semantic-text-action-second-hover: #00315d;
+  --fds-semantic-text-action-second-active: #00315d;
+  --fds-semantic-text-action-second-on_action: #ffffff;
   --fds-semantic-text-warning-default: #995404;
   --fds-semantic-text-warning-icon_warning: #cc7005;
   --fds-semantic-text-warning-on_warning: #663802;
@@ -229,33 +229,33 @@
   --fds-shadow-medium: 0 2px 4px -2px #0000001a, 0 4px 5px #0000001a;
   --fds-shadow-large: 0 4px 6px -4px #0000001a, 0 10px 12px #0000001a;
   --fds-shadow-xlarge: 0 8px 10px -6px #0000001a, 0 25px 45px #0000001a;
-  --fds-brand-primary-100: #efeffb;
-  --fds-brand-primary-200: #dedff6;
-  --fds-brand-primary-300: #bec0ed;
-  --fds-brand-primary-400: #9da0e4;
-  --fds-brand-primary-500: #7d81db;
-  --fds-brand-primary-600: #5c61d2;
-  --fds-brand-primary-700: #3339c6;
-  --fds-brand-primary-800: #0008b8;
-  --fds-brand-primary-900: #00078F;
-  --fds-brand-secondary-100: #ffeee1;
-  --fds-brand-secondary-200: #ffdcc3;
-  --fds-brand-secondary-300: #fdd4b7;
-  --fds-brand-secondary-400: #ffc296;
-  --fds-brand-secondary-500: #ffb178;
-  --fds-brand-secondary-600: #ffa869;
-  --fds-brand-secondary-700: #e6975f;
-  --fds-brand-secondary-800: #b3764a;
-  --fds-brand-secondary-900: #9F6841;
-  --fds-brand-tertiary-100: #eff6f4;
-  --fds-brand-tertiary-200: #deece9;
-  --fds-brand-tertiary-300: #bedad2;
-  --fds-brand-tertiary-400: #9dc7bc;
-  --fds-brand-tertiary-500: #7db5a5;
-  --fds-brand-tertiary-600: #5ca28f;
-  --fds-brand-tertiary-700: #4c907e;
-  --fds-brand-tertiary-800: #407d6d;
-  --fds-brand-tertiary-900: #376C5E;
+  --fds-brand-alt1-100: #efeffb;
+  --fds-brand-alt1-200: #dedff6;
+  --fds-brand-alt1-300: #bec0ed;
+  --fds-brand-alt1-400: #9da0e4;
+  --fds-brand-alt1-500: #7d81db;
+  --fds-brand-alt1-600: #5c61d2;
+  --fds-brand-alt1-700: #3339c6;
+  --fds-brand-alt1-800: #0008b8;
+  --fds-brand-alt1-900: #00078F;
+  --fds-brand-alt2-100: #ffeee1;
+  --fds-brand-alt2-200: #ffdcc3;
+  --fds-brand-alt2-300: #fdd4b7;
+  --fds-brand-alt2-400: #ffc296;
+  --fds-brand-alt2-500: #ffb178;
+  --fds-brand-alt2-600: #ffa869;
+  --fds-brand-alt2-700: #e6975f;
+  --fds-brand-alt2-800: #b3764a;
+  --fds-brand-alt2-900: #9F6841;
+  --fds-brand-alt3-100: #eff6f4;
+  --fds-brand-alt3-200: #deece9;
+  --fds-brand-alt3-300: #bedad2;
+  --fds-brand-alt3-400: #9dc7bc;
+  --fds-brand-alt3-500: #7db5a5;
+  --fds-brand-alt3-600: #5ca28f;
+  --fds-brand-alt3-700: #4c907e;
+  --fds-brand-alt3-800: #407d6d;
+  --fds-brand-alt3-900: #376C5E;
   --fds-component-mode-height-small: 36px;
   --fds-component-mode-height-medium: var(--fds-sizing-10);
   --fds-component-mode-height-large: var(--fds-sizing-12);
diff --git a/packages/tokens/brand/tilsynet/tokens.d.ts b/packages/tokens/brand/tilsynet/tokens.d.ts
index 32e23f2b15..7d87c4a3ec 100644
--- a/packages/tokens/brand/tilsynet/tokens.d.ts
+++ b/packages/tokens/brand/tilsynet/tokens.d.ts
@@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill : string;
 export const semantic_surface_action_no_fill_hover : string;
 export const semantic_surface_action_no_fill_active : string;
 export const semantic_surface_action_checked : string;
-export const semantic_surface_action_primary_subtle : string;
-export const semantic_surface_action_primary_subtle_hover : string;
-export const semantic_surface_action_primary_default : string;
-export const semantic_surface_action_primary_hover : string;
-export const semantic_surface_action_primary_active : string;
-export const semantic_surface_action_primary_no_fill : string;
-export const semantic_surface_action_primary_no_fill_hover : string;
-export const semantic_surface_action_primary_no_fill_active : string;
-export const semantic_surface_action_secondary_subtle : string;
-export const semantic_surface_action_secondary_subtle_hover : string;
-export const semantic_surface_action_secondary_default : string;
-export const semantic_surface_action_secondary_hover : string;
-export const semantic_surface_action_secondary_active : string;
-export const semantic_surface_action_secondary_no_fill : string;
-export const semantic_surface_action_secondary_no_fill_hover : string;
-export const semantic_surface_action_secondary_no_fill_active : string;
+export const semantic_surface_action_first_subtle : string;
+export const semantic_surface_action_first_subtle_hover : string;
+export const semantic_surface_action_first_default : string;
+export const semantic_surface_action_first_hover : string;
+export const semantic_surface_action_first_active : string;
+export const semantic_surface_action_first_no_fill : string;
+export const semantic_surface_action_first_no_fill_hover : string;
+export const semantic_surface_action_first_no_fill_active : string;
+export const semantic_surface_action_second_subtle : string;
+export const semantic_surface_action_second_subtle_hover : string;
+export const semantic_surface_action_second_default : string;
+export const semantic_surface_action_second_hover : string;
+export const semantic_surface_action_second_active : string;
+export const semantic_surface_action_second_no_fill : string;
+export const semantic_surface_action_second_no_fill_hover : string;
+export const semantic_surface_action_second_no_fill_active : string;
 export const semantic_surface_success_subtle : string;
 export const semantic_surface_success_subtle_hover : string;
 export const semantic_surface_success_default : string;
@@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active : string;
 export const semantic_surface_on_inverted_no_fill : string;
 export const semantic_surface_on_inverted_no_fill_hover : string;
 export const semantic_surface_on_inverted_no_fill_active : string;
-export const semantic_surface_primary_light : string;
-export const semantic_surface_primary_light_hover : string;
-export const semantic_surface_primary_light_active : string;
-export const semantic_surface_primary_dark : string;
-export const semantic_surface_secondary_light : string;
-export const semantic_surface_secondary_light_hover : string;
-export const semantic_surface_secondary_light_active : string;
-export const semantic_surface_secondary_dark : string;
-export const semantic_surface_tertiary_light : string;
-export const semantic_surface_tertiary_light_hover : string;
-export const semantic_surface_tertiary_light_active : string;
-export const semantic_surface_tertiary_dark : string;
+export const semantic_surface_first_light : string;
+export const semantic_surface_first_light_hover : string;
+export const semantic_surface_first_light_active : string;
+export const semantic_surface_first_dark : string;
+export const semantic_surface_second_light : string;
+export const semantic_surface_second_light_hover : string;
+export const semantic_surface_second_light_active : string;
+export const semantic_surface_second_dark : string;
+export const semantic_surface_third_light : string;
+export const semantic_surface_third_light_hover : string;
+export const semantic_surface_third_light_active : string;
+export const semantic_surface_third_dark : string;
 export const semantic_border_info_default : string;
 export const semantic_border_action_subtle : string;
 export const semantic_border_action_subtle_hover : string;
@@ -84,16 +84,16 @@ export const semantic_border_action_hover : string;
 export const semantic_border_action_active : string;
 export const semantic_border_action_dark : string;
 export const semantic_border_action_dark_hover : string;
-export const semantic_border_action_primary_subtle : string;
-export const semantic_border_action_primary_subtle_hover : string;
-export const semantic_border_action_primary_default : string;
-export const semantic_border_action_primary_hover : string;
-export const semantic_border_action_primary_active : string;
-export const semantic_border_action_secondary_subtle : string;
-export const semantic_border_action_secondary_subtle_hover : string;
-export const semantic_border_action_secondary_default : string;
-export const semantic_border_action_secondary_hover : string;
-export const semantic_border_action_secondary_active : string;
+export const semantic_border_action_first_subtle : string;
+export const semantic_border_action_first_subtle_hover : string;
+export const semantic_border_action_first_default : string;
+export const semantic_border_action_first_hover : string;
+export const semantic_border_action_first_active : string;
+export const semantic_border_action_second_subtle : string;
+export const semantic_border_action_second_subtle_hover : string;
+export const semantic_border_action_second_default : string;
+export const semantic_border_action_second_hover : string;
+export const semantic_border_action_second_active : string;
 export const semantic_border_neutral_default : string;
 export const semantic_border_neutral_subtle : string;
 export const semantic_border_neutral_strong : string;
@@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow : string;
 export const semantic_border_on_inverted_default : string;
 export const semantic_border_input_default : string;
 export const semantic_border_input_hover : string;
-export const semantic_border_primary_default : string;
-export const semantic_border_primary_hover : string;
-export const semantic_border_primary_active : string;
-export const semantic_border_secondary_default : string;
-export const semantic_border_secondary_hover : string;
-export const semantic_border_secondary_active : string;
-export const semantic_border_tertiary_default : string;
-export const semantic_border_tertiary_hover : string;
-export const semantic_border_tertiary_active : string;
+export const semantic_border_first_default : string;
+export const semantic_border_first_hover : string;
+export const semantic_border_first_active : string;
+export const semantic_border_second_default : string;
+export const semantic_border_second_hover : string;
+export const semantic_border_second_active : string;
+export const semantic_border_third_default : string;
+export const semantic_border_third_hover : string;
+export const semantic_border_third_active : string;
 export const semantic_text_success_default : string;
 export const semantic_text_success_hover : string;
 export const semantic_text_success_active : string;
@@ -133,14 +133,14 @@ export const semantic_text_action_default : string;
 export const semantic_text_action_hover : string;
 export const semantic_text_action_active : string;
 export const semantic_text_action_on_action : string;
-export const semantic_text_action_primary_default : string;
-export const semantic_text_action_primary_hover : string;
-export const semantic_text_action_primary_active : string;
-export const semantic_text_action_primary_on_action : string;
-export const semantic_text_action_secondary_default : string;
-export const semantic_text_action_secondary_hover : string;
-export const semantic_text_action_secondary_active : string;
-export const semantic_text_action_secondary_on_action : string;
+export const semantic_text_action_first_default : string;
+export const semantic_text_action_first_hover : string;
+export const semantic_text_action_first_active : string;
+export const semantic_text_action_first_on_action : string;
+export const semantic_text_action_second_default : string;
+export const semantic_text_action_second_hover : string;
+export const semantic_text_action_second_active : string;
+export const semantic_text_action_second_on_action : string;
 export const semantic_text_warning_default : string;
 export const semantic_text_warning_icon_warning : string;
 export const semantic_text_warning_on_warning : string;
@@ -224,33 +224,33 @@ export const shadow_small : string;
 export const shadow_medium : string;
 export const shadow_large : string;
 export const shadow_xlarge : string;
-export const brand_primary_100 : string;
-export const brand_primary_200 : string;
-export const brand_primary_300 : string;
-export const brand_primary_400 : string;
-export const brand_primary_500 : string;
-export const brand_primary_600 : string;
-export const brand_primary_700 : string;
-export const brand_primary_800 : string;
-export const brand_primary_900 : string;
-export const brand_secondary_100 : string;
-export const brand_secondary_200 : string;
-export const brand_secondary_300 : string;
-export const brand_secondary_400 : string;
-export const brand_secondary_500 : string;
-export const brand_secondary_600 : string;
-export const brand_secondary_700 : string;
-export const brand_secondary_800 : string;
-export const brand_secondary_900 : string;
-export const brand_tertiary_100 : string;
-export const brand_tertiary_200 : string;
-export const brand_tertiary_300 : string;
-export const brand_tertiary_400 : string;
-export const brand_tertiary_500 : string;
-export const brand_tertiary_600 : string;
-export const brand_tertiary_700 : string;
-export const brand_tertiary_800 : string;
-export const brand_tertiary_900 : string;
+export const brand_alt1_100 : string;
+export const brand_alt1_200 : string;
+export const brand_alt1_300 : string;
+export const brand_alt1_400 : string;
+export const brand_alt1_500 : string;
+export const brand_alt1_600 : string;
+export const brand_alt1_700 : string;
+export const brand_alt1_800 : string;
+export const brand_alt1_900 : string;
+export const brand_alt2_100 : string;
+export const brand_alt2_200 : string;
+export const brand_alt2_300 : string;
+export const brand_alt2_400 : string;
+export const brand_alt2_500 : string;
+export const brand_alt2_600 : string;
+export const brand_alt2_700 : string;
+export const brand_alt2_800 : string;
+export const brand_alt2_900 : string;
+export const brand_alt3_100 : string;
+export const brand_alt3_200 : string;
+export const brand_alt3_300 : string;
+export const brand_alt3_400 : string;
+export const brand_alt3_500 : string;
+export const brand_alt3_600 : string;
+export const brand_alt3_700 : string;
+export const brand_alt3_800 : string;
+export const brand_alt3_900 : string;
 export const component_mode_height_small : string;
 export const component_mode_height_medium : string;
 export const component_mode_height_large : string;
diff --git a/packages/tokens/brand/tilsynet/tokens.esm.js b/packages/tokens/brand/tilsynet/tokens.esm.js
index e64a5b525f..602eb55ad3 100644
--- a/packages/tokens/brand/tilsynet/tokens.esm.js
+++ b/packages/tokens/brand/tilsynet/tokens.esm.js
@@ -21,22 +21,22 @@ export const semantic_surface_action_no_fill = "#ffffff";
 export const semantic_surface_action_no_fill_hover = "#e6eff8";
 export const semantic_surface_action_no_fill_active = "#b3d0ea";
 export const semantic_surface_action_checked = "#0062ba";
-export const semantic_surface_action_primary_subtle = "#e6eff8";
-export const semantic_surface_action_primary_subtle_hover = "#b3d0ea";
-export const semantic_surface_action_primary_default = "#3339c6";
-export const semantic_surface_action_primary_hover = "#0008b8";
-export const semantic_surface_action_primary_active = "#00078F";
-export const semantic_surface_action_primary_no_fill = "#ffffff";
-export const semantic_surface_action_primary_no_fill_hover = "#e6eff8";
-export const semantic_surface_action_primary_no_fill_active = "#b3d0ea";
-export const semantic_surface_action_secondary_subtle = "#f4f5f6";
-export const semantic_surface_action_secondary_subtle_hover = "#e9eaec";
-export const semantic_surface_action_secondary_default = "#407d6d";
-export const semantic_surface_action_secondary_hover = "#376C5E";
-export const semantic_surface_action_secondary_active = "#376C5E";
-export const semantic_surface_action_secondary_no_fill = "#ffffff";
-export const semantic_surface_action_secondary_no_fill_hover = "rgba(0, 49, 93, 0.1)";
-export const semantic_surface_action_secondary_no_fill_active = "rgba(0, 49, 93, 0.2)";
+export const semantic_surface_action_first_subtle = "#f4f5f6";
+export const semantic_surface_action_first_subtle_hover = "#e9eaec";
+export const semantic_surface_action_first_default = "#00315d";
+export const semantic_surface_action_first_hover = "rgba(0, 49, 93, 0.9)";
+export const semantic_surface_action_first_active = "rgba(0, 49, 93, 0.8)";
+export const semantic_surface_action_first_no_fill = "#ffffff";
+export const semantic_surface_action_first_no_fill_hover = "rgba(0, 49, 93, 0.1)";
+export const semantic_surface_action_first_no_fill_active = "rgba(0, 49, 93, 0.2)";
+export const semantic_surface_action_second_subtle = "#f4f5f6";
+export const semantic_surface_action_second_subtle_hover = "#e9eaec";
+export const semantic_surface_action_second_default = "#00315d";
+export const semantic_surface_action_second_hover = "rgba(0, 49, 93, 0.9)";
+export const semantic_surface_action_second_active = "rgba(0, 49, 93, 0.8)";
+export const semantic_surface_action_second_no_fill = "#ffffff";
+export const semantic_surface_action_second_no_fill_hover = "rgba(0, 49, 93, 0.1)";
+export const semantic_surface_action_second_no_fill_active = "rgba(0, 49, 93, 0.2)";
 export const semantic_surface_success_subtle = "#d1f4e1";
 export const semantic_surface_success_subtle_hover = "#8be4b5";
 export const semantic_surface_success_default = "#118849";
@@ -64,18 +64,18 @@ export const semantic_surface_on_inverted_active = "#ffffffcc";
 export const semantic_surface_on_inverted_no_fill = "#ffffff00";
 export const semantic_surface_on_inverted_no_fill_hover = "#ffffff1a";
 export const semantic_surface_on_inverted_no_fill_active = "#ffffff33";
-export const semantic_surface_primary_light = "#dedff6";
-export const semantic_surface_primary_light_hover = "#bec0ed";
-export const semantic_surface_primary_light_active = "#9da0e4";
-export const semantic_surface_primary_dark = "#0008b8";
-export const semantic_surface_secondary_light = "#ffdcc3";
-export const semantic_surface_secondary_light_hover = "#fdd4b7";
-export const semantic_surface_secondary_light_active = "#ffc296";
-export const semantic_surface_secondary_dark = "#9F6841";
-export const semantic_surface_tertiary_light = "#deece9";
-export const semantic_surface_tertiary_light_hover = "#bedad2";
-export const semantic_surface_tertiary_light_active = "#9dc7bc";
-export const semantic_surface_tertiary_dark = "#407d6d";
+export const semantic_surface_first_light = "#dedff6";
+export const semantic_surface_first_light_hover = "#bec0ed";
+export const semantic_surface_first_light_active = "#9da0e4";
+export const semantic_surface_first_dark = "#0008b8";
+export const semantic_surface_second_light = "#ffdcc3";
+export const semantic_surface_second_light_hover = "#fdd4b7";
+export const semantic_surface_second_light_active = "#ffc296";
+export const semantic_surface_second_dark = "#9F6841";
+export const semantic_surface_third_light = "#deece9";
+export const semantic_surface_third_light_hover = "#bedad2";
+export const semantic_surface_third_light_active = "#9dc7bc";
+export const semantic_surface_third_dark = "#407d6d";
 export const semantic_border_info_default = "#004e95";
 export const semantic_border_action_subtle = "#b3d0ea";
 export const semantic_border_action_subtle_hover = "#66a1d6";
@@ -84,16 +84,16 @@ export const semantic_border_action_hover = "#0062ba";
 export const semantic_border_action_active = "#00315d";
 export const semantic_border_action_dark = "#00315d";
 export const semantic_border_action_dark_hover = "#0062ba";
-export const semantic_border_action_primary_subtle = "#b3d0ea";
-export const semantic_border_action_primary_subtle_hover = "#66a1d6";
-export const semantic_border_action_primary_default = "#0062ba";
-export const semantic_border_action_primary_hover = "#004e95";
-export const semantic_border_action_primary_active = "#00315d";
-export const semantic_border_action_secondary_subtle = "#e9eaec";
-export const semantic_border_action_secondary_subtle_hover = "#d2d5d8";
-export const semantic_border_action_secondary_default = "#00315d";
-export const semantic_border_action_secondary_hover = "#00315d";
-export const semantic_border_action_secondary_active = "#00315d";
+export const semantic_border_action_first_subtle = "#b3d0ea";
+export const semantic_border_action_first_subtle_hover = "#66a1d6";
+export const semantic_border_action_first_default = "#0062ba";
+export const semantic_border_action_first_hover = "#004e95";
+export const semantic_border_action_first_active = "#00315d";
+export const semantic_border_action_second_subtle = "#e9eaec";
+export const semantic_border_action_second_subtle_hover = "#d2d5d8";
+export const semantic_border_action_second_default = "#00315d";
+export const semantic_border_action_second_hover = "#00315d";
+export const semantic_border_action_second_active = "#00315d";
 export const semantic_border_neutral_default = "#68707c";
 export const semantic_border_neutral_subtle = "#d2d5d8";
 export const semantic_border_neutral_strong = "#1e2b3c";
@@ -112,15 +112,15 @@ export const semantic_border_focus_boxshadow = "#1e2b3c";
 export const semantic_border_on_inverted_default = "#ffffff";
 export const semantic_border_input_default = "#00315d";
 export const semantic_border_input_hover = "#0062ba";
-export const semantic_border_primary_default = "#5c61d2";
-export const semantic_border_primary_hover = "#3339c6";
-export const semantic_border_primary_active = "#0008b8";
-export const semantic_border_secondary_default = "#ffa869";
-export const semantic_border_secondary_hover = "#e6975f";
-export const semantic_border_secondary_active = "#b3764a";
-export const semantic_border_tertiary_default = "#5ca28f";
-export const semantic_border_tertiary_hover = "#4c907e";
-export const semantic_border_tertiary_active = "#407d6d";
+export const semantic_border_first_default = "#5c61d2";
+export const semantic_border_first_hover = "#3339c6";
+export const semantic_border_first_active = "#0008b8";
+export const semantic_border_second_default = "#ffa869";
+export const semantic_border_second_hover = "#e6975f";
+export const semantic_border_second_active = "#b3764a";
+export const semantic_border_third_default = "#5ca28f";
+export const semantic_border_third_hover = "#4c907e";
+export const semantic_border_third_active = "#407d6d";
 export const semantic_text_success_default = "#0c6536";
 export const semantic_text_success_hover = "#084826";
 export const semantic_text_success_active = "#084826";
@@ -133,14 +133,14 @@ export const semantic_text_action_default = "#0062ba";
 export const semantic_text_action_hover = "#004e95";
 export const semantic_text_action_active = "#00315d";
 export const semantic_text_action_on_action = "#ffffff";
-export const semantic_text_action_primary_default = "#0062ba";
-export const semantic_text_action_primary_hover = "#004e95";
-export const semantic_text_action_primary_active = "#00315d";
-export const semantic_text_action_primary_on_action = "#ffffff";
-export const semantic_text_action_secondary_default = "#00315d";
-export const semantic_text_action_secondary_hover = "#00315d";
-export const semantic_text_action_secondary_active = "#00315d";
-export const semantic_text_action_secondary_on_action = "#ffffff";
+export const semantic_text_action_first_default = "#0062ba";
+export const semantic_text_action_first_hover = "#004e95";
+export const semantic_text_action_first_active = "#00315d";
+export const semantic_text_action_first_on_action = "#ffffff";
+export const semantic_text_action_second_default = "#00315d";
+export const semantic_text_action_second_hover = "#00315d";
+export const semantic_text_action_second_active = "#00315d";
+export const semantic_text_action_second_on_action = "#ffffff";
 export const semantic_text_warning_default = "#995404";
 export const semantic_text_warning_icon_warning = "#cc7005";
 export const semantic_text_warning_on_warning = "#663802";
@@ -224,33 +224,33 @@ export const shadow_small = "0 1px 2px -1px #0000001a, 0 1px 4px 0 #0000001a";
 export const shadow_medium = "0 2px 4px -2px #0000001a, 0 4px 5px #0000001a";
 export const shadow_large = "0 4px 6px -4px #0000001a, 0 10px 12px #0000001a";
 export const shadow_xlarge = "0 8px 10px -6px #0000001a, 0 25px 45px #0000001a";
-export const brand_primary_100 = "#efeffb";
-export const brand_primary_200 = "#dedff6";
-export const brand_primary_300 = "#bec0ed";
-export const brand_primary_400 = "#9da0e4";
-export const brand_primary_500 = "#7d81db";
-export const brand_primary_600 = "#5c61d2";
-export const brand_primary_700 = "#3339c6";
-export const brand_primary_800 = "#0008b8";
-export const brand_primary_900 = "#00078F";
-export const brand_secondary_100 = "#ffeee1";
-export const brand_secondary_200 = "#ffdcc3";
-export const brand_secondary_300 = "#fdd4b7";
-export const brand_secondary_400 = "#ffc296";
-export const brand_secondary_500 = "#ffb178";
-export const brand_secondary_600 = "#ffa869";
-export const brand_secondary_700 = "#e6975f";
-export const brand_secondary_800 = "#b3764a";
-export const brand_secondary_900 = "#9F6841";
-export const brand_tertiary_100 = "#eff6f4";
-export const brand_tertiary_200 = "#deece9";
-export const brand_tertiary_300 = "#bedad2";
-export const brand_tertiary_400 = "#9dc7bc";
-export const brand_tertiary_500 = "#7db5a5";
-export const brand_tertiary_600 = "#5ca28f";
-export const brand_tertiary_700 = "#4c907e";
-export const brand_tertiary_800 = "#407d6d";
-export const brand_tertiary_900 = "#376C5E";
+export const brand_alt1_100 = "#efeffb";
+export const brand_alt1_200 = "#dedff6";
+export const brand_alt1_300 = "#bec0ed";
+export const brand_alt1_400 = "#9da0e4";
+export const brand_alt1_500 = "#7d81db";
+export const brand_alt1_600 = "#5c61d2";
+export const brand_alt1_700 = "#3339c6";
+export const brand_alt1_800 = "#0008b8";
+export const brand_alt1_900 = "#00078F";
+export const brand_alt2_100 = "#ffeee1";
+export const brand_alt2_200 = "#ffdcc3";
+export const brand_alt2_300 = "#fdd4b7";
+export const brand_alt2_400 = "#ffc296";
+export const brand_alt2_500 = "#ffb178";
+export const brand_alt2_600 = "#ffa869";
+export const brand_alt2_700 = "#e6975f";
+export const brand_alt2_800 = "#b3764a";
+export const brand_alt2_900 = "#9F6841";
+export const brand_alt3_100 = "#eff6f4";
+export const brand_alt3_200 = "#deece9";
+export const brand_alt3_300 = "#bedad2";
+export const brand_alt3_400 = "#9dc7bc";
+export const brand_alt3_500 = "#7db5a5";
+export const brand_alt3_600 = "#5ca28f";
+export const brand_alt3_700 = "#4c907e";
+export const brand_alt3_800 = "#407d6d";
+export const brand_alt3_900 = "#376C5E";
 export const component_mode_height_small = "36px";
 export const component_mode_height_medium = "45px";
 export const component_mode_height_large = "54px";
diff --git a/storefront/components/SidebarMenu/SidebarMenu.tsx b/storefront/components/SidebarMenu/SidebarMenu.tsx
index c9bd14a3bd..fbe81a6398 100644
--- a/storefront/components/SidebarMenu/SidebarMenu.tsx
+++ b/storefront/components/SidebarMenu/SidebarMenu.tsx
@@ -41,7 +41,7 @@ const SidebarMenu = ({ routerPath }: SidebarMenuProps) => {
             className={classes.toggleBtn}
             fullWidth
             size='medium'
-            color='secondary'
+            color='second'
             variant='outline'
             onClick={() => setShowMenu(!showMenu)}
             aria-expanded={showMenu}
diff --git a/storefront/layouts/MenuPageLayout/MenuPageLayout.module.css b/storefront/layouts/MenuPageLayout/MenuPageLayout.module.css
index a37d865fe5..9209e888b8 100644
--- a/storefront/layouts/MenuPageLayout/MenuPageLayout.module.css
+++ b/storefront/layouts/MenuPageLayout/MenuPageLayout.module.css
@@ -37,7 +37,7 @@
   height: 250px;
   width: 250px;
   border-radius: var(--fds-border_radius-large);
-  border: 8px solid var(--fds-brand-tertiary-600);
+  border: 8px solid var(--fds-brand-alt3-600);
 }
 
 .title {
diff --git a/storefront/layouts/PageLayout/PageLayout.module.css b/storefront/layouts/PageLayout/PageLayout.module.css
index 91e7889d54..f08b31f281 100644
--- a/storefront/layouts/PageLayout/PageLayout.module.css
+++ b/storefront/layouts/PageLayout/PageLayout.module.css
@@ -4,7 +4,7 @@
 }
 
 .header {
-  background-color: var(--fds-brand-tertiary-300);
+  background-color: var(--fds-brand-alt3-300);
   padding-top: var(--fds-spacing-7);
 }
 
diff --git a/storefront/tokens/altinn.ts b/storefront/tokens/altinn.ts
index ae222b56bc..9517461249 100644
--- a/storefront/tokens/altinn.ts
+++ b/storefront/tokens/altinn.ts
@@ -243,214 +243,214 @@ export const color = [
   {
     value: '#e6eff8',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.100}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-subtle',
+    name: '--fds-semantic-surface-action-first-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'subtle'],
+    path: ['semantic', 'surface', 'action', 'first', 'subtle'],
   },
   {
     value: '#b3d0ea',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-subtle-hover',
+    name: '--fds-semantic-surface-action-first-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'],
+    path: ['semantic', 'surface', 'action', 'first', 'subtle-hover'],
   },
   {
     value: '#0062ba',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.700}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-default',
+    name: '--fds-semantic-surface-action-first-default',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'default'],
+    path: ['semantic', 'surface', 'action', 'first', 'default'],
   },
   {
     value: '#004e95',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.800}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-hover',
+    name: '--fds-semantic-surface-action-first-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'hover'],
+    path: ['semantic', 'surface', 'action', 'first', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
     description: 'Standard farge for handlinger',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
       description: 'Standard farge for handlinger',
     },
-    name: '--fds-semantic-surface-action-primary-active',
+    name: '--fds-semantic-surface-action-first-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'active'],
+    path: ['semantic', 'surface', 'action', 'first', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-no_fill',
+    name: '--fds-semantic-surface-action-first-no_fill',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'no_fill'],
+    path: ['semantic', 'surface', 'action', 'first', 'no_fill'],
   },
   {
     value: '#e6eff8',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.100}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-no_fill-hover',
+    name: '--fds-semantic-surface-action-first-no_fill-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'],
+    path: ['semantic', 'surface', 'action', 'first', 'no_fill-hover'],
   },
   {
     value: '#b3d0ea',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-no_fill-active',
+    name: '--fds-semantic-surface-action-first-no_fill-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'],
+    path: ['semantic', 'surface', 'action', 'first', 'no_fill-active'],
   },
   {
     value: '#f4f5f6',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.grey.100}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-subtle',
+    name: '--fds-semantic-surface-action-second-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'subtle'],
+    path: ['semantic', 'surface', 'action', 'second', 'subtle'],
   },
   {
     value: '#e9eaec',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.grey.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-subtle-hover',
+    name: '--fds-semantic-surface-action-second-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'],
+    path: ['semantic', 'surface', 'action', 'second', 'subtle-hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-default',
+    name: '--fds-semantic-surface-action-second-default',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'default'],
+    path: ['semantic', 'surface', 'action', 'second', 'default'],
   },
   {
     value: 'rgba(0, 49, 93, 0.9)',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: 'rgba({colors.blue.900}, 0.9)',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-hover',
+    name: '--fds-semantic-surface-action-second-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'hover'],
+    path: ['semantic', 'surface', 'action', 'second', 'hover'],
   },
   {
     value: 'rgba(0, 49, 93, 0.8)',
     type: 'color',
     description: 'Standard farge for handlinger',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: 'rgba({colors.blue.900}, 0.8)',
       type: 'color',
       description: 'Standard farge for handlinger',
     },
-    name: '--fds-semantic-surface-action-secondary-active',
+    name: '--fds-semantic-surface-action-second-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'active'],
+    path: ['semantic', 'surface', 'action', 'second', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-no_fill',
+    name: '--fds-semantic-surface-action-second-no_fill',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'],
+    path: ['semantic', 'surface', 'action', 'second', 'no_fill'],
   },
   {
     value: 'rgba(0, 49, 93, 0.1)',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: 'rgba({colors.blue.900}, 0.1)',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-no_fill-hover',
+    name: '--fds-semantic-surface-action-second-no_fill-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'],
+    path: ['semantic', 'surface', 'action', 'second', 'no_fill-hover'],
   },
   {
     value: 'rgba(0, 49, 93, 0.2)',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: 'rgba({colors.blue.900}, 0.2)',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-no_fill-active',
+    name: '--fds-semantic-surface-action-second-no_fill-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'],
+    path: ['semantic', 'surface', 'action', 'second', 'no_fill-active'],
   },
   {
     value: '#d1f4e1',
@@ -809,12 +809,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.primary.200}',
+      value: '{brand.alt1.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-light',
+    name: '--fds-semantic-surface-first-light',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'light'],
+    path: ['semantic', 'surface', 'first', 'light'],
   },
   {
     value: '#80B1DD',
@@ -822,12 +822,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.primary.300}',
+      value: '{brand.alt1.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-light-hover',
+    name: '--fds-semantic-surface-first-light-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'light-hover'],
+    path: ['semantic', 'surface', 'first', 'light-hover'],
   },
   {
     value: '#66A1D6',
@@ -835,12 +835,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.primary.400}',
+      value: '{brand.alt1.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-light-active',
+    name: '--fds-semantic-surface-first-light-active',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'light-active'],
+    path: ['semantic', 'surface', 'first', 'light-active'],
   },
   {
     value: '#004E95',
@@ -848,12 +848,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.primary.800}',
+      value: '{brand.alt1.800}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-dark',
+    name: '--fds-semantic-surface-first-dark',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'dark'],
+    path: ['semantic', 'surface', 'first', 'dark'],
   },
   {
     value: '#C5BBDD',
@@ -861,12 +861,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.200}',
+      value: '{brand.alt2.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-light',
+    name: '--fds-semantic-surface-second-light',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'light'],
+    path: ['semantic', 'surface', 'second', 'light'],
   },
   {
     value: '#A392C8',
@@ -874,12 +874,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.300}',
+      value: '{brand.alt2.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-light-hover',
+    name: '--fds-semantic-surface-second-light-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'light-hover'],
+    path: ['semantic', 'surface', 'second', 'light-hover'],
   },
   {
     value: '#806AB4',
@@ -887,12 +887,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.400}',
+      value: '{brand.alt2.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-light-active',
+    name: '--fds-semantic-surface-second-light-active',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'light-active'],
+    path: ['semantic', 'surface', 'second', 'light-active'],
   },
   {
     value: '#231B36',
@@ -900,12 +900,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.900}',
+      value: '{brand.alt2.900}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-dark',
+    name: '--fds-semantic-surface-second-dark',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'dark'],
+    path: ['semantic', 'surface', 'second', 'dark'],
   },
   {
     value: '#F3ABB6',
@@ -913,12 +913,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.200}',
+      value: '{brand.alt3.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-light',
+    name: '--fds-semantic-surface-third-light',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'light'],
+    path: ['semantic', 'surface', 'third', 'light'],
   },
   {
     value: '#EC8292',
@@ -926,12 +926,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.300}',
+      value: '{brand.alt3.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-light-hover',
+    name: '--fds-semantic-surface-third-light-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'light-hover'],
+    path: ['semantic', 'surface', 'third', 'light-hover'],
   },
   {
     value: '#E6586D',
@@ -939,12 +939,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.400}',
+      value: '{brand.alt3.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-light-active',
+    name: '--fds-semantic-surface-third-light-active',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'light-active'],
+    path: ['semantic', 'surface', 'third', 'light-active'],
   },
   {
     value: '#5A121D',
@@ -952,12 +952,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.800}',
+      value: '{brand.alt3.800}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-dark',
+    name: '--fds-semantic-surface-third-dark',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'dark'],
+    path: ['semantic', 'surface', 'third', 'dark'],
   },
   {
     value: '#004e95',
@@ -1064,134 +1064,134 @@ export const color = [
     path: ['semantic', 'border', 'action', 'dark-hover'],
   },
   {
-    value: '#b3d0ea',
+    value: '#e9eaec',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{colors.blue.200}',
+      value: '{colors.grey.200}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-subtle',
+    name: '--fds-semantic-border-action-first-subtle',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'subtle'],
+    path: ['semantic', 'border', 'action', 'first', 'subtle'],
   },
   {
-    value: '#66a1d6',
+    value: '#d2d5d8',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{colors.blue.400}',
+      value: '{colors.grey.300}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-subtle-hover',
+    name: '--fds-semantic-border-action-first-subtle-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'],
+    path: ['semantic', 'border', 'action', 'first', 'subtle-hover'],
   },
   {
-    value: '#0062ba',
+    value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{colors.blue.700}',
+      value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-default',
+    name: '--fds-semantic-border-action-first-default',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'default'],
+    path: ['semantic', 'border', 'action', 'first', 'default'],
   },
   {
-    value: '#004e95',
+    value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{colors.blue.800}',
+      value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-hover',
+    name: '--fds-semantic-border-action-first-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'hover'],
+    path: ['semantic', 'border', 'action', 'first', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-active',
+    name: '--fds-semantic-border-action-first-active',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'active'],
+    path: ['semantic', 'border', 'action', 'first', 'active'],
   },
   {
     value: '#e9eaec',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.grey.200}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-subtle',
+    name: '--fds-semantic-border-action-second-subtle',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'subtle'],
+    path: ['semantic', 'border', 'action', 'second', 'subtle'],
   },
   {
     value: '#d2d5d8',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.grey.300}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-subtle-hover',
+    name: '--fds-semantic-border-action-second-subtle-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'],
+    path: ['semantic', 'border', 'action', 'second', 'subtle-hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-default',
+    name: '--fds-semantic-border-action-second-default',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'default'],
+    path: ['semantic', 'border', 'action', 'second', 'default'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-hover',
+    name: '--fds-semantic-border-action-second-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'hover'],
+    path: ['semantic', 'border', 'action', 'second', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-active',
+    name: '--fds-semantic-border-action-second-active',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'active'],
+    path: ['semantic', 'border', 'action', 'second', 'active'],
   },
   {
     value: '#68707c',
@@ -1433,12 +1433,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.primary.600}',
+      value: '{brand.alt1.600}',
       type: 'color',
     },
-    name: '--fds-semantic-border-primary-default',
+    name: '--fds-semantic-border-first-default',
     attributes: {},
-    path: ['semantic', 'border', 'primary', 'default'],
+    path: ['semantic', 'border', 'first', 'default'],
   },
   {
     value: '#0062BA',
@@ -1446,12 +1446,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.primary.700}',
+      value: '{brand.alt1.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-primary-hover',
+    name: '--fds-semantic-border-first-hover',
     attributes: {},
-    path: ['semantic', 'border', 'primary', 'hover'],
+    path: ['semantic', 'border', 'first', 'hover'],
   },
   {
     value: '#004E95',
@@ -1459,12 +1459,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.primary.800}',
+      value: '{brand.alt1.800}',
       type: 'color',
     },
-    name: '--fds-semantic-border-primary-active',
+    name: '--fds-semantic-border-first-active',
     attributes: {},
-    path: ['semantic', 'border', 'primary', 'active'],
+    path: ['semantic', 'border', 'first', 'active'],
   },
   {
     value: '#594488',
@@ -1472,12 +1472,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.600}',
+      value: '{brand.alt2.600}',
       type: 'color',
     },
-    name: '--fds-semantic-border-secondary-default',
+    name: '--fds-semantic-border-second-default',
     attributes: {},
-    path: ['semantic', 'border', 'secondary', 'default'],
+    path: ['semantic', 'border', 'second', 'default'],
   },
   {
     value: '#3F3161',
@@ -1485,12 +1485,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.700}',
+      value: '{brand.alt2.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-secondary-hover',
+    name: '--fds-semantic-border-second-hover',
     attributes: {},
-    path: ['semantic', 'border', 'secondary', 'hover'],
+    path: ['semantic', 'border', 'second', 'hover'],
   },
   {
     value: '#352951',
@@ -1498,12 +1498,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.800}',
+      value: '{brand.alt2.800}',
       type: 'color',
     },
-    name: '--fds-semantic-border-secondary-active',
+    name: '--fds-semantic-border-second-active',
     attributes: {},
-    path: ['semantic', 'border', 'secondary', 'active'],
+    path: ['semantic', 'border', 'second', 'active'],
   },
   {
     value: '#B3253A',
@@ -1511,12 +1511,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.600}',
+      value: '{brand.alt3.600}',
       type: 'color',
     },
-    name: '--fds-semantic-border-tertiary-default',
+    name: '--fds-semantic-border-third-default',
     attributes: {},
-    path: ['semantic', 'border', 'tertiary', 'default'],
+    path: ['semantic', 'border', 'third', 'default'],
   },
   {
     value: '#861C2C',
@@ -1524,12 +1524,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.700}',
+      value: '{brand.alt3.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-tertiary-hover',
+    name: '--fds-semantic-border-third-hover',
     attributes: {},
-    path: ['semantic', 'border', 'tertiary', 'hover'],
+    path: ['semantic', 'border', 'third', 'hover'],
   },
   {
     value: '#5A121D',
@@ -1537,12 +1537,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.800}',
+      value: '{brand.alt3.800}',
       type: 'color',
     },
-    name: '--fds-semantic-border-tertiary-active',
+    name: '--fds-semantic-border-third-active',
     attributes: {},
-    path: ['semantic', 'border', 'tertiary', 'active'],
+    path: ['semantic', 'border', 'third', 'active'],
   },
   {
     value: '#0c6536',
@@ -1703,106 +1703,106 @@ export const color = [
   {
     value: '#0062ba',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.700}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-default',
+    name: '--fds-semantic-text-action-first-default',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'default'],
+    path: ['semantic', 'text', 'action', 'first', 'default'],
   },
   {
     value: '#004e95',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '#004e95',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-hover',
+    name: '--fds-semantic-text-action-first-hover',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'hover'],
+    path: ['semantic', 'text', 'action', 'first', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '#00315d',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-active',
+    name: '--fds-semantic-text-action-first-active',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'active'],
+    path: ['semantic', 'text', 'action', 'first', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-on_action',
+    name: '--fds-semantic-text-action-first-on_action',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'on_action'],
+    path: ['semantic', 'text', 'action', 'first', 'on_action'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-default',
+    name: '--fds-semantic-text-action-second-default',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'default'],
+    path: ['semantic', 'text', 'action', 'second', 'default'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-hover',
+    name: '--fds-semantic-text-action-second-hover',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'hover'],
+    path: ['semantic', 'text', 'action', 'second', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-active',
+    name: '--fds-semantic-text-action-second-active',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'active'],
+    path: ['semantic', 'text', 'action', 'second', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Altinn.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-on_action',
+    name: '--fds-semantic-text-action-second-on_action',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'on_action'],
+    path: ['semantic', 'text', 'action', 'second', 'on_action'],
   },
   {
     value: '#995404',
@@ -1932,9 +1932,9 @@ export const color = [
       type: 'color',
       description: 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue',
     },
-    name: '--fds-brand-primary-100',
+    name: '--fds-brand-alt1-100',
     attributes: {},
-    path: ['brand', 'primary', '100'],
+    path: ['brand', 'alt1', '100'],
   },
   {
     value: '#B3D0EA',
@@ -1949,9 +1949,9 @@ export const color = [
       description:
         'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue',
     },
-    name: '--fds-brand-primary-200',
+    name: '--fds-brand-alt1-200',
     attributes: {},
-    path: ['brand', 'primary', '200'],
+    path: ['brand', 'alt1', '200'],
   },
   {
     value: '#80B1DD',
@@ -1964,9 +1964,9 @@ export const color = [
       type: 'color',
       description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue',
     },
-    name: '--fds-brand-primary-300',
+    name: '--fds-brand-alt1-300',
     attributes: {},
-    path: ['brand', 'primary', '300'],
+    path: ['brand', 'alt1', '300'],
   },
   {
     value: '#66A1D6',
@@ -1979,9 +1979,9 @@ export const color = [
       type: 'color',
       description: 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue',
     },
-    name: '--fds-brand-primary-400',
+    name: '--fds-brand-alt1-400',
     attributes: {},
-    path: ['brand', 'primary', '400'],
+    path: ['brand', 'alt1', '400'],
   },
   {
     value: '#3381C8',
@@ -1994,9 +1994,9 @@ export const color = [
       type: 'color',
       description: 'AA 5.6 on grey 800',
     },
-    name: '--fds-brand-primary-500',
+    name: '--fds-brand-alt1-500',
     attributes: {},
-    path: ['brand', 'primary', '500'],
+    path: ['brand', 'alt1', '500'],
   },
   {
     value: '#1A72C1',
@@ -2009,9 +2009,9 @@ export const color = [
       type: 'color',
       description: 'AA 4.5 on grey 800',
     },
-    name: '--fds-brand-primary-600',
+    name: '--fds-brand-alt1-600',
     attributes: {},
-    path: ['brand', 'primary', '600'],
+    path: ['brand', 'alt1', '600'],
   },
   {
     value: '#0062BA',
@@ -2024,9 +2024,9 @@ export const color = [
       type: 'color',
       description: 'AA18 3.7 on grey 800',
     },
-    name: '--fds-brand-primary-700',
+    name: '--fds-brand-alt1-700',
     attributes: {},
-    path: ['brand', 'primary', '700'],
+    path: ['brand', 'alt1', '700'],
   },
   {
     value: '#004E95',
@@ -2039,9 +2039,9 @@ export const color = [
       type: 'color',
       description: 'AA 4.7 on white',
     },
-    name: '--fds-brand-primary-800',
+    name: '--fds-brand-alt1-800',
     attributes: {},
-    path: ['brand', 'primary', '800'],
+    path: ['brand', 'alt1', '800'],
   },
   {
     value: '#00315D',
@@ -2054,9 +2054,9 @@ export const color = [
       type: 'color',
       description: 'AA 4.7 on white',
     },
-    name: '--fds-brand-primary-900',
+    name: '--fds-brand-alt1-900',
     attributes: {},
-    path: ['brand', 'primary', '900'],
+    path: ['brand', 'alt1', '900'],
   },
   {
     value: '#DCD6EA',
@@ -2069,9 +2069,9 @@ export const color = [
       type: 'color',
       description: 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue',
     },
-    name: '--fds-brand-secondary-100',
+    name: '--fds-brand-alt2-100',
     attributes: {},
-    path: ['brand', 'secondary', '100'],
+    path: ['brand', 'alt2', '100'],
   },
   {
     value: '#C5BBDD',
@@ -2086,9 +2086,9 @@ export const color = [
       description:
         'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue',
     },
-    name: '--fds-brand-secondary-200',
+    name: '--fds-brand-alt2-200',
     attributes: {},
-    path: ['brand', 'secondary', '200'],
+    path: ['brand', 'alt2', '200'],
   },
   {
     value: '#A392C8',
@@ -2101,9 +2101,9 @@ export const color = [
       type: 'color',
       description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue',
     },
-    name: '--fds-brand-secondary-300',
+    name: '--fds-brand-alt2-300',
     attributes: {},
-    path: ['brand', 'secondary', '300'],
+    path: ['brand', 'alt2', '300'],
   },
   {
     value: '#806AB4',
@@ -2116,9 +2116,9 @@ export const color = [
       type: 'color',
       description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
     },
-    name: '--fds-brand-secondary-400',
+    name: '--fds-brand-alt2-400',
     attributes: {},
-    path: ['brand', 'secondary', '400'],
+    path: ['brand', 'alt2', '400'],
   },
   {
     value: '#6A52A3',
@@ -2131,9 +2131,9 @@ export const color = [
       type: 'color',
       description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue',
     },
-    name: '--fds-brand-secondary-500',
+    name: '--fds-brand-alt2-500',
     attributes: {},
-    path: ['brand', 'secondary', '500'],
+    path: ['brand', 'alt2', '500'],
   },
   {
     value: '#594488',
@@ -2146,9 +2146,9 @@ export const color = [
       type: 'color',
       description: 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue',
     },
-    name: '--fds-brand-secondary-600',
+    name: '--fds-brand-alt2-600',
     attributes: {},
-    path: ['brand', 'secondary', '600'],
+    path: ['brand', 'alt2', '600'],
   },
   {
     value: '#3F3161',
@@ -2161,9 +2161,9 @@ export const color = [
       type: 'color',
       description: 'AA 5.5 on grey 800',
     },
-    name: '--fds-brand-secondary-700',
+    name: '--fds-brand-alt2-700',
     attributes: {},
-    path: ['brand', 'secondary', '700'],
+    path: ['brand', 'alt2', '700'],
   },
   {
     value: '#352951',
@@ -2176,9 +2176,9 @@ export const color = [
       type: 'color',
       description: 'AA18 4.4 on grey 800\nAA18 3.2 on white',
     },
-    name: '--fds-brand-secondary-800',
+    name: '--fds-brand-alt2-800',
     attributes: {},
-    path: ['brand', 'secondary', '800'],
+    path: ['brand', 'alt2', '800'],
   },
   {
     value: '#231B36',
@@ -2191,9 +2191,9 @@ export const color = [
       type: 'color',
       description: 'AA18 4.4 on grey 800\nAA18 3.2 on white',
     },
-    name: '--fds-brand-secondary-900',
+    name: '--fds-brand-alt2-900',
     attributes: {},
-    path: ['brand', 'secondary', '900'],
+    path: ['brand', 'alt2', '900'],
   },
   {
     value: '#F9D5DB',
@@ -2206,9 +2206,9 @@ export const color = [
       type: 'color',
       description: 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue',
     },
-    name: '--fds-brand-tertiary-100',
+    name: '--fds-brand-alt3-100',
     attributes: {},
-    path: ['brand', 'tertiary', '100'],
+    path: ['brand', 'alt3', '100'],
   },
   {
     value: '#F3ABB6',
@@ -2223,9 +2223,9 @@ export const color = [
       description:
         'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue',
     },
-    name: '--fds-brand-tertiary-200',
+    name: '--fds-brand-alt3-200',
     attributes: {},
-    path: ['brand', 'tertiary', '200'],
+    path: ['brand', 'alt3', '200'],
   },
   {
     value: '#EC8292',
@@ -2238,9 +2238,9 @@ export const color = [
       type: 'color',
       description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
     },
-    name: '--fds-brand-tertiary-300',
+    name: '--fds-brand-alt3-300',
     attributes: {},
-    path: ['brand', 'tertiary', '300'],
+    path: ['brand', 'alt3', '300'],
   },
   {
     value: '#E6586D',
@@ -2253,9 +2253,9 @@ export const color = [
       type: 'color',
       description: 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue',
     },
-    name: '--fds-brand-tertiary-400',
+    name: '--fds-brand-alt3-400',
     attributes: {},
-    path: ['brand', 'tertiary', '400'],
+    path: ['brand', 'alt3', '400'],
   },
   {
     value: '#E02E49',
@@ -2268,9 +2268,9 @@ export const color = [
       type: 'color',
       description: 'AA 5.8 on grey 800',
     },
-    name: '--fds-brand-tertiary-500',
+    name: '--fds-brand-alt3-500',
     attributes: {},
-    path: ['brand', 'tertiary', '500'],
+    path: ['brand', 'alt3', '500'],
   },
   {
     value: '#B3253A',
@@ -2283,9 +2283,9 @@ export const color = [
       type: 'color',
       description: 'AA 4.6 on grey 800',
     },
-    name: '--fds-brand-tertiary-600',
+    name: '--fds-brand-alt3-600',
     attributes: {},
-    path: ['brand', 'tertiary', '600'],
+    path: ['brand', 'alt3', '600'],
   },
   {
     value: '#861C2C',
@@ -2298,9 +2298,9 @@ export const color = [
       type: 'color',
       description: 'AA18 3.8 on grey 800',
     },
-    name: '--fds-brand-tertiary-700',
+    name: '--fds-brand-alt3-700',
     attributes: {},
-    path: ['brand', 'tertiary', '700'],
+    path: ['brand', 'alt3', '700'],
   },
   {
     value: '#5A121D',
@@ -2313,9 +2313,9 @@ export const color = [
       type: 'color',
       description: 'AA 5.6 on white',
     },
-    name: '--fds-brand-tertiary-800',
+    name: '--fds-brand-alt3-800',
     attributes: {},
-    path: ['brand', 'tertiary', '800'],
+    path: ['brand', 'alt3', '800'],
   },
   {
     value: '#480e17',
@@ -2328,9 +2328,9 @@ export const color = [
       type: 'color',
       description: 'AA 5.6 on white',
     },
-    name: '--fds-brand-tertiary-900',
+    name: '--fds-brand-alt3-900',
     attributes: {},
-    path: ['brand', 'tertiary', '900'],
+    path: ['brand', 'alt3', '900'],
   },
 ];
 
diff --git a/storefront/tokens/brreg.ts b/storefront/tokens/brreg.ts
index ee12519cf7..02dbf99ecc 100644
--- a/storefront/tokens/brreg.ts
+++ b/storefront/tokens/brreg.ts
@@ -243,214 +243,214 @@ export const color = [
   {
     value: '#e6eff8',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.blue.100}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-subtle',
+    name: '--fds-semantic-surface-action-first-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'subtle'],
+    path: ['semantic', 'surface', 'action', 'first', 'subtle'],
   },
   {
     value: '#b3d0ea',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.blue.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-subtle-hover',
+    name: '--fds-semantic-surface-action-first-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'],
+    path: ['semantic', 'surface', 'action', 'first', 'subtle-hover'],
   },
   {
     value: '#0062ba',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.blue.700}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-default',
+    name: '--fds-semantic-surface-action-first-default',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'default'],
+    path: ['semantic', 'surface', 'action', 'first', 'default'],
   },
   {
     value: '#004e95',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.blue.800}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-hover',
+    name: '--fds-semantic-surface-action-first-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'hover'],
+    path: ['semantic', 'surface', 'action', 'first', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
     description: 'Standard farge for handlinger',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
       description: 'Standard farge for handlinger',
     },
-    name: '--fds-semantic-surface-action-primary-active',
+    name: '--fds-semantic-surface-action-first-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'active'],
+    path: ['semantic', 'surface', 'action', 'first', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-no_fill',
+    name: '--fds-semantic-surface-action-first-no_fill',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'no_fill'],
+    path: ['semantic', 'surface', 'action', 'first', 'no_fill'],
   },
   {
     value: '#e6eff8',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.blue.100}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-no_fill-hover',
+    name: '--fds-semantic-surface-action-first-no_fill-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'],
+    path: ['semantic', 'surface', 'action', 'first', 'no_fill-hover'],
   },
   {
     value: '#b3d0ea',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.blue.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-no_fill-active',
+    name: '--fds-semantic-surface-action-first-no_fill-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'],
+    path: ['semantic', 'surface', 'action', 'first', 'no_fill-active'],
   },
   {
     value: '#f4f5f6',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.grey.100}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-subtle',
+    name: '--fds-semantic-surface-action-second-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'subtle'],
+    path: ['semantic', 'surface', 'action', 'second', 'subtle'],
   },
   {
     value: '#e9eaec',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.grey.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-subtle-hover',
+    name: '--fds-semantic-surface-action-second-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'],
+    path: ['semantic', 'surface', 'action', 'second', 'subtle-hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-default',
+    name: '--fds-semantic-surface-action-second-default',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'default'],
+    path: ['semantic', 'surface', 'action', 'second', 'default'],
   },
   {
     value: 'rgba(0, 49, 93, 0.9)',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: 'rgba({colors.blue.900}, 0.9)',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-hover',
+    name: '--fds-semantic-surface-action-second-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'hover'],
+    path: ['semantic', 'surface', 'action', 'second', 'hover'],
   },
   {
     value: 'rgba(0, 49, 93, 0.8)',
     type: 'color',
     description: 'Standard farge for handlinger',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: 'rgba({colors.blue.900}, 0.8)',
       type: 'color',
       description: 'Standard farge for handlinger',
     },
-    name: '--fds-semantic-surface-action-secondary-active',
+    name: '--fds-semantic-surface-action-second-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'active'],
+    path: ['semantic', 'surface', 'action', 'second', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-no_fill',
+    name: '--fds-semantic-surface-action-second-no_fill',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'],
+    path: ['semantic', 'surface', 'action', 'second', 'no_fill'],
   },
   {
     value: 'rgba(0, 49, 93, 0.1)',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: 'rgba({colors.blue.900}, 0.1)',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-no_fill-hover',
+    name: '--fds-semantic-surface-action-second-no_fill-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'],
+    path: ['semantic', 'surface', 'action', 'second', 'no_fill-hover'],
   },
   {
     value: 'rgba(0, 49, 93, 0.2)',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: 'rgba({colors.blue.900}, 0.2)',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-no_fill-active',
+    name: '--fds-semantic-surface-action-second-no_fill-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'],
+    path: ['semantic', 'surface', 'action', 'second', 'no_fill-active'],
   },
   {
     value: '#d1f4e1',
@@ -809,12 +809,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.primary.100}',
+      value: '{brand.alt1.100}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-light',
+    name: '--fds-semantic-surface-first-light',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'light'],
+    path: ['semantic', 'surface', 'first', 'light'],
   },
   {
     value: '#76ADFB',
@@ -822,12 +822,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.primary.300}',
+      value: '{brand.alt1.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-light-hover',
+    name: '--fds-semantic-surface-first-light-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'light-hover'],
+    path: ['semantic', 'surface', 'first', 'light-hover'],
   },
   {
     value: '#5391E9',
@@ -835,12 +835,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.primary.400}',
+      value: '{brand.alt1.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-light-active',
+    name: '--fds-semantic-surface-first-light-active',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'light-active'],
+    path: ['semantic', 'surface', 'first', 'light-active'],
   },
   {
     value: '#004785',
@@ -848,12 +848,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.primary.700}',
+      value: '{brand.alt1.700}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-dark',
+    name: '--fds-semantic-surface-first-dark',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'dark'],
+    path: ['semantic', 'surface', 'first', 'dark'],
   },
   {
     value: '#C9E7F4',
@@ -861,12 +861,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.200}',
+      value: '{brand.alt2.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-light',
+    name: '--fds-semantic-surface-second-light',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'light'],
+    path: ['semantic', 'surface', 'second', 'light'],
   },
   {
     value: '#70B3D7',
@@ -874,12 +874,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.300}',
+      value: '{brand.alt2.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-light-hover',
+    name: '--fds-semantic-surface-second-light-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'light-hover'],
+    path: ['semantic', 'surface', 'second', 'light-hover'],
   },
   {
     value: '#4E99BD',
@@ -887,12 +887,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.400}',
+      value: '{brand.alt2.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-light-active',
+    name: '--fds-semantic-surface-second-light-active',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'light-active'],
+    path: ['semantic', 'surface', 'second', 'light-active'],
   },
   {
     value: '#1F4B63',
@@ -900,12 +900,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.700}',
+      value: '{brand.alt2.700}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-dark',
+    name: '--fds-semantic-surface-second-dark',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'dark'],
+    path: ['semantic', 'surface', 'second', 'dark'],
   },
   {
     value: '#D7E5E7',
@@ -913,12 +913,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.100}',
+      value: '{brand.alt3.100}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-light',
+    name: '--fds-semantic-surface-third-light',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'light'],
+    path: ['semantic', 'surface', 'third', 'light'],
   },
   {
     value: '#B9CACB',
@@ -926,12 +926,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.200}',
+      value: '{brand.alt3.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-light-hover',
+    name: '--fds-semantic-surface-third-light-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'light-hover'],
+    path: ['semantic', 'surface', 'third', 'light-hover'],
   },
   {
     value: '#9FAEAF',
@@ -939,12 +939,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.300}',
+      value: '{brand.alt3.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-light-active',
+    name: '--fds-semantic-surface-third-light-active',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'light-active'],
+    path: ['semantic', 'surface', 'third', 'light-active'],
   },
   {
     value: '#414849',
@@ -952,12 +952,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.700}',
+      value: '{brand.alt3.700}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-dark',
+    name: '--fds-semantic-surface-third-dark',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'dark'],
+    path: ['semantic', 'surface', 'third', 'dark'],
   },
   {
     value: '#004e95',
@@ -1064,134 +1064,134 @@ export const color = [
     path: ['semantic', 'border', 'action', 'dark-hover'],
   },
   {
-    value: '#b3d0ea',
+    value: '#e9eaec',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{colors.blue.200}',
+      value: '{colors.grey.200}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-subtle',
+    name: '--fds-semantic-border-action-first-subtle',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'subtle'],
+    path: ['semantic', 'border', 'action', 'first', 'subtle'],
   },
   {
-    value: '#66a1d6',
+    value: '#d2d5d8',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{colors.blue.400}',
+      value: '{colors.grey.300}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-subtle-hover',
+    name: '--fds-semantic-border-action-first-subtle-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'],
+    path: ['semantic', 'border', 'action', 'first', 'subtle-hover'],
   },
   {
-    value: '#0062ba',
+    value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{colors.blue.700}',
+      value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-default',
+    name: '--fds-semantic-border-action-first-default',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'default'],
+    path: ['semantic', 'border', 'action', 'first', 'default'],
   },
   {
-    value: '#004e95',
+    value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{colors.blue.800}',
+      value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-hover',
+    name: '--fds-semantic-border-action-first-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'hover'],
+    path: ['semantic', 'border', 'action', 'first', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-active',
+    name: '--fds-semantic-border-action-first-active',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'active'],
+    path: ['semantic', 'border', 'action', 'first', 'active'],
   },
   {
     value: '#e9eaec',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.grey.200}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-subtle',
+    name: '--fds-semantic-border-action-second-subtle',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'subtle'],
+    path: ['semantic', 'border', 'action', 'second', 'subtle'],
   },
   {
     value: '#d2d5d8',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.grey.300}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-subtle-hover',
+    name: '--fds-semantic-border-action-second-subtle-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'],
+    path: ['semantic', 'border', 'action', 'second', 'subtle-hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-default',
+    name: '--fds-semantic-border-action-second-default',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'default'],
+    path: ['semantic', 'border', 'action', 'second', 'default'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-hover',
+    name: '--fds-semantic-border-action-second-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'hover'],
+    path: ['semantic', 'border', 'action', 'second', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-active',
+    name: '--fds-semantic-border-action-second-active',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'active'],
+    path: ['semantic', 'border', 'action', 'second', 'active'],
   },
   {
     value: '#68707c',
@@ -1433,12 +1433,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.primary.600}',
+      value: '{brand.alt1.600}',
       type: 'color',
     },
-    name: '--fds-semantic-border-primary-default',
+    name: '--fds-semantic-border-first-default',
     attributes: {},
-    path: ['semantic', 'border', 'primary', 'default'],
+    path: ['semantic', 'border', 'first', 'default'],
   },
   {
     value: '#004785',
@@ -1446,12 +1446,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.primary.700}',
+      value: '{brand.alt1.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-primary-hover',
+    name: '--fds-semantic-border-first-hover',
     attributes: {},
-    path: ['semantic', 'border', 'primary', 'hover'],
+    path: ['semantic', 'border', 'first', 'hover'],
   },
   {
     value: '#00315E',
@@ -1459,12 +1459,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.primary.800}',
+      value: '{brand.alt1.800}',
       type: 'color',
     },
-    name: '--fds-semantic-border-primary-active',
+    name: '--fds-semantic-border-first-active',
     attributes: {},
-    path: ['semantic', 'border', 'primary', 'active'],
+    path: ['semantic', 'border', 'first', 'active'],
   },
   {
     value: '#2C647E',
@@ -1472,12 +1472,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.600}',
+      value: '{brand.alt2.600}',
       type: 'color',
     },
-    name: '--fds-semantic-border-secondary-default',
+    name: '--fds-semantic-border-second-default',
     attributes: {},
-    path: ['semantic', 'border', 'secondary', 'default'],
+    path: ['semantic', 'border', 'second', 'default'],
   },
   {
     value: '#1F4B63',
@@ -1485,12 +1485,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.700}',
+      value: '{brand.alt2.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-secondary-hover',
+    name: '--fds-semantic-border-second-hover',
     attributes: {},
-    path: ['semantic', 'border', 'secondary', 'hover'],
+    path: ['semantic', 'border', 'second', 'hover'],
   },
   {
     value: '#133349',
@@ -1498,12 +1498,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.800}',
+      value: '{brand.alt2.800}',
       type: 'color',
     },
-    name: '--fds-semantic-border-secondary-active',
+    name: '--fds-semantic-border-second-active',
     attributes: {},
-    path: ['semantic', 'border', 'secondary', 'active'],
+    path: ['semantic', 'border', 'second', 'active'],
   },
   {
     value: '#879394',
@@ -1511,12 +1511,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.400}',
+      value: '{brand.alt3.400}',
       type: 'color',
     },
-    name: '--fds-semantic-border-tertiary-default',
+    name: '--fds-semantic-border-third-default',
     attributes: {},
-    path: ['semantic', 'border', 'tertiary', 'default'],
+    path: ['semantic', 'border', 'third', 'default'],
   },
   {
     value: '#6D7879',
@@ -1524,12 +1524,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.500}',
+      value: '{brand.alt3.500}',
       type: 'color',
     },
-    name: '--fds-semantic-border-tertiary-hover',
+    name: '--fds-semantic-border-third-hover',
     attributes: {},
-    path: ['semantic', 'border', 'tertiary', 'hover'],
+    path: ['semantic', 'border', 'third', 'hover'],
   },
   {
     value: '#576061',
@@ -1537,12 +1537,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.600}',
+      value: '{brand.alt3.600}',
       type: 'color',
     },
-    name: '--fds-semantic-border-tertiary-active',
+    name: '--fds-semantic-border-third-active',
     attributes: {},
-    path: ['semantic', 'border', 'tertiary', 'active'],
+    path: ['semantic', 'border', 'third', 'active'],
   },
   {
     value: '#0c6536',
@@ -1701,108 +1701,108 @@ export const color = [
     path: ['semantic', 'text', 'action', 'on_action'],
   },
   {
-    value: '#0062ba',
+    value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '{colors.blue.700}',
+      value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-default',
+    name: '--fds-semantic-text-action-first-default',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'default'],
+    path: ['semantic', 'text', 'action', 'first', 'default'],
   },
   {
-    value: '#004e95',
+    value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '#004e95',
+      value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-hover',
+    name: '--fds-semantic-text-action-first-hover',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'hover'],
+    path: ['semantic', 'text', 'action', 'first', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
-      value: '#00315d',
+      value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-active',
+    name: '--fds-semantic-text-action-first-active',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'active'],
+    path: ['semantic', 'text', 'action', 'first', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-on_action',
+    name: '--fds-semantic-text-action-first-on_action',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'on_action'],
+    path: ['semantic', 'text', 'action', 'first', 'on_action'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-default',
+    name: '--fds-semantic-text-action-second-default',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'default'],
+    path: ['semantic', 'text', 'action', 'second', 'default'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-hover',
+    name: '--fds-semantic-text-action-second-hover',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'hover'],
+    path: ['semantic', 'text', 'action', 'second', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-active',
+    name: '--fds-semantic-text-action-second-active',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'active'],
+    path: ['semantic', 'text', 'action', 'second', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Brreg.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-on_action',
+    name: '--fds-semantic-text-action-second-on_action',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'on_action'],
+    path: ['semantic', 'text', 'action', 'second', 'on_action'],
   },
   {
     value: '#995404',
@@ -1930,9 +1930,9 @@ export const color = [
       value: '#FFFFFF',
       type: 'color',
     },
-    name: '--fds-brand-primary-50',
+    name: '--fds-brand-alt1-50',
     attributes: {},
-    path: ['brand', 'primary', '50'],
+    path: ['brand', 'alt1', '50'],
   },
   {
     value: '#D1E4FF',
@@ -1943,9 +1943,9 @@ export const color = [
       value: '#D1E4FF',
       type: 'color',
     },
-    name: '--fds-brand-primary-100',
+    name: '--fds-brand-alt1-100',
     attributes: {},
-    path: ['brand', 'primary', '100'],
+    path: ['brand', 'alt1', '100'],
   },
   {
     value: '#9ECAFF',
@@ -1956,9 +1956,9 @@ export const color = [
       value: '#9ECAFF',
       type: 'color',
     },
-    name: '--fds-brand-primary-200',
+    name: '--fds-brand-alt1-200',
     attributes: {},
-    path: ['brand', 'primary', '200'],
+    path: ['brand', 'alt1', '200'],
   },
   {
     value: '#76ADFB',
@@ -1969,9 +1969,9 @@ export const color = [
       value: '#76ADFB',
       type: 'color',
     },
-    name: '--fds-brand-primary-300',
+    name: '--fds-brand-alt1-300',
     attributes: {},
-    path: ['brand', 'primary', '300'],
+    path: ['brand', 'alt1', '300'],
   },
   {
     value: '#5391E9',
@@ -1982,9 +1982,9 @@ export const color = [
       value: '#5391E9',
       type: 'color',
     },
-    name: '--fds-brand-primary-400',
+    name: '--fds-brand-alt1-400',
     attributes: {},
-    path: ['brand', 'primary', '400'],
+    path: ['brand', 'alt1', '400'],
   },
   {
     value: '#2B77CC',
@@ -1995,9 +1995,9 @@ export const color = [
       value: '#2B77CC',
       type: 'color',
     },
-    name: '--fds-brand-primary-500',
+    name: '--fds-brand-alt1-500',
     attributes: {},
-    path: ['brand', 'primary', '500'],
+    path: ['brand', 'alt1', '500'],
   },
   {
     value: '#005FAE',
@@ -2008,9 +2008,9 @@ export const color = [
       value: '#005FAE',
       type: 'color',
     },
-    name: '--fds-brand-primary-600',
+    name: '--fds-brand-alt1-600',
     attributes: {},
-    path: ['brand', 'primary', '600'],
+    path: ['brand', 'alt1', '600'],
   },
   {
     value: '#004785',
@@ -2021,9 +2021,9 @@ export const color = [
       value: '#004785',
       type: 'color',
     },
-    name: '--fds-brand-primary-700',
+    name: '--fds-brand-alt1-700',
     attributes: {},
-    path: ['brand', 'primary', '700'],
+    path: ['brand', 'alt1', '700'],
   },
   {
     value: '#00315E',
@@ -2034,9 +2034,9 @@ export const color = [
       value: '#00315E',
       type: 'color',
     },
-    name: '--fds-brand-primary-800',
+    name: '--fds-brand-alt1-800',
     attributes: {},
-    path: ['brand', 'primary', '800'],
+    path: ['brand', 'alt1', '800'],
   },
   {
     value: '#001C3A',
@@ -2047,9 +2047,9 @@ export const color = [
       value: '#001C3A',
       type: 'color',
     },
-    name: '--fds-brand-primary-900',
+    name: '--fds-brand-alt1-900',
     attributes: {},
-    path: ['brand', 'primary', '900'],
+    path: ['brand', 'alt1', '900'],
   },
   {
     value: '#001127',
@@ -2060,9 +2060,9 @@ export const color = [
       value: '#001127',
       type: 'color',
     },
-    name: '--fds-brand-primary-950',
+    name: '--fds-brand-alt1-950',
     attributes: {},
-    path: ['brand', 'primary', '950'],
+    path: ['brand', 'alt1', '950'],
   },
   {
     value: '#FFFFFF',
@@ -2073,9 +2073,9 @@ export const color = [
       value: '#FFFFFF',
       type: 'color',
     },
-    name: '--fds-brand-secondary-50',
+    name: '--fds-brand-alt2-50',
     attributes: {},
-    path: ['brand', 'secondary', '50'],
+    path: ['brand', 'alt2', '50'],
   },
   {
     value: '#E5F3F9',
@@ -2086,9 +2086,9 @@ export const color = [
       value: '#E5F3F9',
       type: 'color',
     },
-    name: '--fds-brand-secondary-100',
+    name: '--fds-brand-alt2-100',
     attributes: {},
-    path: ['brand', 'secondary', '100'],
+    path: ['brand', 'alt2', '100'],
   },
   {
     value: '#C9E7F4',
@@ -2099,9 +2099,9 @@ export const color = [
       value: '#C9E7F4',
       type: 'color',
     },
-    name: '--fds-brand-secondary-200',
+    name: '--fds-brand-alt2-200',
     attributes: {},
-    path: ['brand', 'secondary', '200'],
+    path: ['brand', 'alt2', '200'],
   },
   {
     value: '#70B3D7',
@@ -2112,9 +2112,9 @@ export const color = [
       value: '#70B3D7',
       type: 'color',
     },
-    name: '--fds-brand-secondary-300',
+    name: '--fds-brand-alt2-300',
     attributes: {},
-    path: ['brand', 'secondary', '300'],
+    path: ['brand', 'alt2', '300'],
   },
   {
     value: '#4E99BD',
@@ -2125,9 +2125,9 @@ export const color = [
       value: '#4E99BD',
       type: 'color',
     },
-    name: '--fds-brand-secondary-400',
+    name: '--fds-brand-alt2-400',
     attributes: {},
-    path: ['brand', 'secondary', '400'],
+    path: ['brand', 'alt2', '400'],
   },
   {
     value: '#3B7D9B',
@@ -2138,9 +2138,9 @@ export const color = [
       value: '#3B7D9B',
       type: 'color',
     },
-    name: '--fds-brand-secondary-500',
+    name: '--fds-brand-alt2-500',
     attributes: {},
-    path: ['brand', 'secondary', '500'],
+    path: ['brand', 'alt2', '500'],
   },
   {
     value: '#2C647E',
@@ -2151,9 +2151,9 @@ export const color = [
       value: '#2C647E',
       type: 'color',
     },
-    name: '--fds-brand-secondary-600',
+    name: '--fds-brand-alt2-600',
     attributes: {},
-    path: ['brand', 'secondary', '600'],
+    path: ['brand', 'alt2', '600'],
   },
   {
     value: '#1F4B63',
@@ -2164,9 +2164,9 @@ export const color = [
       value: '#1F4B63',
       type: 'color',
     },
-    name: '--fds-brand-secondary-700',
+    name: '--fds-brand-alt2-700',
     attributes: {},
-    path: ['brand', 'secondary', '700'],
+    path: ['brand', 'alt2', '700'],
   },
   {
     value: '#133349',
@@ -2177,9 +2177,9 @@ export const color = [
       value: '#133349',
       type: 'color',
     },
-    name: '--fds-brand-secondary-800',
+    name: '--fds-brand-alt2-800',
     attributes: {},
-    path: ['brand', 'secondary', '800'],
+    path: ['brand', 'alt2', '800'],
   },
   {
     value: '#071D2C',
@@ -2190,9 +2190,9 @@ export const color = [
       value: '#071D2C',
       type: 'color',
     },
-    name: '--fds-brand-secondary-900',
+    name: '--fds-brand-alt2-900',
     attributes: {},
-    path: ['brand', 'secondary', '900'],
+    path: ['brand', 'alt2', '900'],
   },
   {
     value: '#03121D',
@@ -2203,9 +2203,9 @@ export const color = [
       value: '#03121D',
       type: 'color',
     },
-    name: '--fds-brand-secondary-950',
+    name: '--fds-brand-alt2-950',
     attributes: {},
-    path: ['brand', 'secondary', '950'],
+    path: ['brand', 'alt2', '950'],
   },
   {
     value: '#EBF2F3',
@@ -2216,9 +2216,9 @@ export const color = [
       value: '#EBF2F3',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-50',
+    name: '--fds-brand-alt3-50',
     attributes: {},
-    path: ['brand', 'tertiary', '50'],
+    path: ['brand', 'alt3', '50'],
   },
   {
     value: '#D7E5E7',
@@ -2229,9 +2229,9 @@ export const color = [
       value: '#D7E5E7',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-100',
+    name: '--fds-brand-alt3-100',
     attributes: {},
-    path: ['brand', 'tertiary', '100'],
+    path: ['brand', 'alt3', '100'],
   },
   {
     value: '#B9CACB',
@@ -2242,9 +2242,9 @@ export const color = [
       value: '#B9CACB',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-200',
+    name: '--fds-brand-alt3-200',
     attributes: {},
-    path: ['brand', 'tertiary', '200'],
+    path: ['brand', 'alt3', '200'],
   },
   {
     value: '#9FAEAF',
@@ -2255,9 +2255,9 @@ export const color = [
       value: '#9FAEAF',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-300',
+    name: '--fds-brand-alt3-300',
     attributes: {},
-    path: ['brand', 'tertiary', '300'],
+    path: ['brand', 'alt3', '300'],
   },
   {
     value: '#879394',
@@ -2268,9 +2268,9 @@ export const color = [
       value: '#879394',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-400',
+    name: '--fds-brand-alt3-400',
     attributes: {},
-    path: ['brand', 'tertiary', '400'],
+    path: ['brand', 'alt3', '400'],
   },
   {
     value: '#6D7879',
@@ -2281,9 +2281,9 @@ export const color = [
       value: '#6D7879',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-500',
+    name: '--fds-brand-alt3-500',
     attributes: {},
-    path: ['brand', 'tertiary', '500'],
+    path: ['brand', 'alt3', '500'],
   },
   {
     value: '#576061',
@@ -2294,9 +2294,9 @@ export const color = [
       value: '#576061',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-600',
+    name: '--fds-brand-alt3-600',
     attributes: {},
-    path: ['brand', 'tertiary', '600'],
+    path: ['brand', 'alt3', '600'],
   },
   {
     value: '#414849',
@@ -2307,9 +2307,9 @@ export const color = [
       value: '#414849',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-700',
+    name: '--fds-brand-alt3-700',
     attributes: {},
-    path: ['brand', 'tertiary', '700'],
+    path: ['brand', 'alt3', '700'],
   },
   {
     value: '#2C3132',
@@ -2320,9 +2320,9 @@ export const color = [
       value: '#2C3132',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-800',
+    name: '--fds-brand-alt3-800',
     attributes: {},
-    path: ['brand', 'tertiary', '800'],
+    path: ['brand', 'alt3', '800'],
   },
   {
     value: '#191C1C',
@@ -2333,9 +2333,9 @@ export const color = [
       value: '#191C1C',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-900',
+    name: '--fds-brand-alt3-900',
     attributes: {},
-    path: ['brand', 'tertiary', '900'],
+    path: ['brand', 'alt3', '900'],
   },
   {
     value: '#0F1112',
@@ -2346,9 +2346,9 @@ export const color = [
       value: '#0F1112',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-950',
+    name: '--fds-brand-alt3-950',
     attributes: {},
-    path: ['brand', 'tertiary', '950'],
+    path: ['brand', 'alt3', '950'],
   },
 ];
 
diff --git a/storefront/tokens/digdir.ts b/storefront/tokens/digdir.ts
index 42101b4e7f..e90924fdf1 100644
--- a/storefront/tokens/digdir.ts
+++ b/storefront/tokens/digdir.ts
@@ -243,214 +243,214 @@ export const color = [
   {
     value: '#e6eff8',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.100}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-subtle',
+    name: '--fds-semantic-surface-action-first-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'subtle'],
+    path: ['semantic', 'surface', 'action', 'first', 'subtle'],
   },
   {
     value: '#b3d0ea',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-subtle-hover',
+    name: '--fds-semantic-surface-action-first-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'],
+    path: ['semantic', 'surface', 'action', 'first', 'subtle-hover'],
   },
   {
     value: '#0062ba',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.700}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-default',
+    name: '--fds-semantic-surface-action-first-default',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'default'],
+    path: ['semantic', 'surface', 'action', 'first', 'default'],
   },
   {
     value: '#004e95',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.800}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-hover',
+    name: '--fds-semantic-surface-action-first-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'hover'],
+    path: ['semantic', 'surface', 'action', 'first', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
     description: 'Standard farge for handlinger',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
       description: 'Standard farge for handlinger',
     },
-    name: '--fds-semantic-surface-action-primary-active',
+    name: '--fds-semantic-surface-action-first-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'active'],
+    path: ['semantic', 'surface', 'action', 'first', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-no_fill',
+    name: '--fds-semantic-surface-action-first-no_fill',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'no_fill'],
+    path: ['semantic', 'surface', 'action', 'first', 'no_fill'],
   },
   {
     value: '#e6eff8',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.100}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-no_fill-hover',
+    name: '--fds-semantic-surface-action-first-no_fill-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'],
+    path: ['semantic', 'surface', 'action', 'first', 'no_fill-hover'],
   },
   {
     value: '#b3d0ea',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-no_fill-active',
+    name: '--fds-semantic-surface-action-first-no_fill-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'],
+    path: ['semantic', 'surface', 'action', 'first', 'no_fill-active'],
   },
   {
     value: '#f4f5f6',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.grey.100}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-subtle',
+    name: '--fds-semantic-surface-action-second-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'subtle'],
+    path: ['semantic', 'surface', 'action', 'second', 'subtle'],
   },
   {
     value: '#e9eaec',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.grey.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-subtle-hover',
+    name: '--fds-semantic-surface-action-second-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'],
+    path: ['semantic', 'surface', 'action', 'second', 'subtle-hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-default',
+    name: '--fds-semantic-surface-action-second-default',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'default'],
+    path: ['semantic', 'surface', 'action', 'second', 'default'],
   },
   {
     value: 'rgba(0, 49, 93, 0.9)',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: 'rgba({colors.blue.900}, 0.9)',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-hover',
+    name: '--fds-semantic-surface-action-second-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'hover'],
+    path: ['semantic', 'surface', 'action', 'second', 'hover'],
   },
   {
     value: 'rgba(0, 49, 93, 0.8)',
     type: 'color',
     description: 'Standard farge for handlinger',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: 'rgba({colors.blue.900}, 0.8)',
       type: 'color',
       description: 'Standard farge for handlinger',
     },
-    name: '--fds-semantic-surface-action-secondary-active',
+    name: '--fds-semantic-surface-action-second-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'active'],
+    path: ['semantic', 'surface', 'action', 'second', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-no_fill',
+    name: '--fds-semantic-surface-action-second-no_fill',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'],
+    path: ['semantic', 'surface', 'action', 'second', 'no_fill'],
   },
   {
     value: 'rgba(0, 49, 93, 0.1)',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: 'rgba({colors.blue.900}, 0.1)',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-no_fill-hover',
+    name: '--fds-semantic-surface-action-second-no_fill-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'],
+    path: ['semantic', 'surface', 'action', 'second', 'no_fill-hover'],
   },
   {
     value: 'rgba(0, 49, 93, 0.2)',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: 'rgba({colors.blue.900}, 0.2)',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-no_fill-active',
+    name: '--fds-semantic-surface-action-second-no_fill-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'],
+    path: ['semantic', 'surface', 'action', 'second', 'no_fill-active'],
   },
   {
     value: '#d1f4e1',
@@ -809,12 +809,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.primary.200}',
+      value: '{brand.alt1.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-light',
+    name: '--fds-semantic-surface-first-light',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'light'],
+    path: ['semantic', 'surface', 'first', 'light'],
   },
   {
     value: '#fbbfc1',
@@ -822,12 +822,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.primary.300}',
+      value: '{brand.alt1.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-light-hover',
+    name: '--fds-semantic-surface-first-light-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'light-hover'],
+    path: ['semantic', 'surface', 'first', 'light-hover'],
   },
   {
     value: '#f89fa1',
@@ -835,12 +835,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.primary.400}',
+      value: '{brand.alt1.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-light-active',
+    name: '--fds-semantic-surface-first-light-active',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'light-active'],
+    path: ['semantic', 'surface', 'first', 'light-active'],
   },
   {
     value: '#c34c4f',
@@ -848,12 +848,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.primary.800}',
+      value: '{brand.alt1.800}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-dark',
+    name: '--fds-semantic-surface-first-dark',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'dark'],
+    path: ['semantic', 'surface', 'first', 'dark'],
   },
   {
     value: '#faeec2',
@@ -861,12 +861,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.200}',
+      value: '{brand.alt2.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-light',
+    name: '--fds-semantic-surface-second-light',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'light'],
+    path: ['semantic', 'surface', 'second', 'light'],
   },
   {
     value: '#f5dda6',
@@ -874,12 +874,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.300}',
+      value: '{brand.alt2.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-light-hover',
+    name: '--fds-semantic-surface-second-light-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'light-hover'],
+    path: ['semantic', 'surface', 'second', 'light-hover'],
   },
   {
     value: '#efcc79',
@@ -887,12 +887,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.400}',
+      value: '{brand.alt2.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-light-active',
+    name: '--fds-semantic-surface-second-light-active',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'light-active'],
+    path: ['semantic', 'surface', 'second', 'light-active'],
   },
   {
     value: '#A17717',
@@ -900,12 +900,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.900}',
+      value: '{brand.alt2.900}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-dark',
+    name: '--fds-semantic-surface-second-dark',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'dark'],
+    path: ['semantic', 'surface', 'second', 'dark'],
   },
   {
     value: '#d2eafd',
@@ -913,12 +913,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.200}',
+      value: '{brand.alt3.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-light',
+    name: '--fds-semantic-surface-third-light',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'light'],
+    path: ['semantic', 'surface', 'third', 'light'],
   },
   {
     value: '#a5d6fb',
@@ -926,12 +926,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.300}',
+      value: '{brand.alt3.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-light-hover',
+    name: '--fds-semantic-surface-third-light-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'light-hover'],
+    path: ['semantic', 'surface', 'third', 'light-hover'],
   },
   {
     value: '#78c1f9',
@@ -939,12 +939,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.400}',
+      value: '{brand.alt3.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-light-active',
+    name: '--fds-semantic-surface-third-light-active',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'light-active'],
+    path: ['semantic', 'surface', 'third', 'light-active'],
   },
   {
     value: '#156aac',
@@ -952,12 +952,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.800}',
+      value: '{brand.alt3.800}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-dark',
+    name: '--fds-semantic-surface-third-dark',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'dark'],
+    path: ['semantic', 'surface', 'third', 'dark'],
   },
   {
     value: '#004e95',
@@ -1066,132 +1066,132 @@ export const color = [
   {
     value: '#b3d0ea',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.200}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-subtle',
+    name: '--fds-semantic-border-action-first-subtle',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'subtle'],
+    path: ['semantic', 'border', 'action', 'first', 'subtle'],
   },
   {
     value: '#66a1d6',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.400}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-subtle-hover',
+    name: '--fds-semantic-border-action-first-subtle-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'],
+    path: ['semantic', 'border', 'action', 'first', 'subtle-hover'],
   },
   {
     value: '#0062ba',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-default',
+    name: '--fds-semantic-border-action-first-default',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'default'],
+    path: ['semantic', 'border', 'action', 'first', 'default'],
   },
   {
     value: '#004e95',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.800}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-hover',
+    name: '--fds-semantic-border-action-first-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'hover'],
+    path: ['semantic', 'border', 'action', 'first', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-active',
+    name: '--fds-semantic-border-action-first-active',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'active'],
+    path: ['semantic', 'border', 'action', 'first', 'active'],
   },
   {
     value: '#e9eaec',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.grey.200}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-subtle',
+    name: '--fds-semantic-border-action-second-subtle',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'subtle'],
+    path: ['semantic', 'border', 'action', 'second', 'subtle'],
   },
   {
     value: '#d2d5d8',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.grey.300}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-subtle-hover',
+    name: '--fds-semantic-border-action-second-subtle-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'],
+    path: ['semantic', 'border', 'action', 'second', 'subtle-hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-default',
+    name: '--fds-semantic-border-action-second-default',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'default'],
+    path: ['semantic', 'border', 'action', 'second', 'default'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-hover',
+    name: '--fds-semantic-border-action-second-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'hover'],
+    path: ['semantic', 'border', 'action', 'second', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-active',
+    name: '--fds-semantic-border-action-second-active',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'active'],
+    path: ['semantic', 'border', 'action', 'second', 'active'],
   },
   {
     value: '#68707c',
@@ -1433,12 +1433,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.primary.600}',
+      value: '{brand.alt1.600}',
       type: 'color',
     },
-    name: '--fds-semantic-border-primary-default',
+    name: '--fds-semantic-border-first-default',
     attributes: {},
-    path: ['semantic', 'border', 'primary', 'default'],
+    path: ['semantic', 'border', 'first', 'default'],
   },
   {
     value: '#dc5659',
@@ -1446,12 +1446,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.primary.700}',
+      value: '{brand.alt1.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-primary-hover',
+    name: '--fds-semantic-border-first-hover',
     attributes: {},
-    path: ['semantic', 'border', 'primary', 'hover'],
+    path: ['semantic', 'border', 'first', 'hover'],
   },
   {
     value: '#c34c4f',
@@ -1459,12 +1459,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.primary.800}',
+      value: '{brand.alt1.800}',
       type: 'color',
     },
-    name: '--fds-semantic-border-primary-active',
+    name: '--fds-semantic-border-first-active',
     attributes: {},
-    path: ['semantic', 'border', 'primary', 'active'],
+    path: ['semantic', 'border', 'first', 'active'],
   },
   {
     value: '#e5aa20',
@@ -1472,12 +1472,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.600}',
+      value: '{brand.alt2.600}',
       type: 'color',
     },
-    name: '--fds-semantic-border-secondary-default',
+    name: '--fds-semantic-border-second-default',
     attributes: {},
-    path: ['semantic', 'border', 'secondary', 'default'],
+    path: ['semantic', 'border', 'second', 'default'],
   },
   {
     value: '#ce991d',
@@ -1485,12 +1485,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.700}',
+      value: '{brand.alt2.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-secondary-hover',
+    name: '--fds-semantic-border-second-hover',
     attributes: {},
-    path: ['semantic', 'border', 'secondary', 'hover'],
+    path: ['semantic', 'border', 'second', 'hover'],
   },
   {
     value: '#b7881a',
@@ -1498,12 +1498,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.800}',
+      value: '{brand.alt2.800}',
       type: 'color',
     },
-    name: '--fds-semantic-border-secondary-active',
+    name: '--fds-semantic-border-second-active',
     attributes: {},
-    path: ['semantic', 'border', 'secondary', 'active'],
+    path: ['semantic', 'border', 'second', 'active'],
   },
   {
     value: '#1e98f5',
@@ -1511,12 +1511,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.600}',
+      value: '{brand.alt3.600}',
       type: 'color',
     },
-    name: '--fds-semantic-border-tertiary-default',
+    name: '--fds-semantic-border-third-default',
     attributes: {},
-    path: ['semantic', 'border', 'tertiary', 'default'],
+    path: ['semantic', 'border', 'third', 'default'],
   },
   {
     value: '#1b88dd',
@@ -1524,12 +1524,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.700}',
+      value: '{brand.alt3.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-tertiary-hover',
+    name: '--fds-semantic-border-third-hover',
     attributes: {},
-    path: ['semantic', 'border', 'tertiary', 'hover'],
+    path: ['semantic', 'border', 'third', 'hover'],
   },
   {
     value: '#156aac',
@@ -1537,12 +1537,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.800}',
+      value: '{brand.alt3.800}',
       type: 'color',
     },
-    name: '--fds-semantic-border-tertiary-active',
+    name: '--fds-semantic-border-third-active',
     attributes: {},
-    path: ['semantic', 'border', 'tertiary', 'active'],
+    path: ['semantic', 'border', 'third', 'active'],
   },
   {
     value: '#0c6536',
@@ -1703,106 +1703,106 @@ export const color = [
   {
     value: '#0062ba',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.700}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-default',
+    name: '--fds-semantic-text-action-first-default',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'default'],
+    path: ['semantic', 'text', 'action', 'first', 'default'],
   },
   {
     value: '#004e95',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '#004e95',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-hover',
+    name: '--fds-semantic-text-action-first-hover',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'hover'],
+    path: ['semantic', 'text', 'action', 'first', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '#00315d',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-active',
+    name: '--fds-semantic-text-action-first-active',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'active'],
+    path: ['semantic', 'text', 'action', 'first', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-on_action',
+    name: '--fds-semantic-text-action-first-on_action',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'on_action'],
+    path: ['semantic', 'text', 'action', 'first', 'on_action'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-default',
+    name: '--fds-semantic-text-action-second-default',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'default'],
+    path: ['semantic', 'text', 'action', 'second', 'default'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-hover',
+    name: '--fds-semantic-text-action-second-hover',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'hover'],
+    path: ['semantic', 'text', 'action', 'second', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-active',
+    name: '--fds-semantic-text-action-second-active',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'active'],
+    path: ['semantic', 'text', 'action', 'second', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Digdir.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-on_action',
+    name: '--fds-semantic-text-action-second-on_action',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'on_action'],
+    path: ['semantic', 'text', 'action', 'second', 'on_action'],
   },
   {
     value: '#995404',
@@ -1932,9 +1932,9 @@ export const color = [
       type: 'color',
       description: 'AAA 12.8 on grey 800\nAA 6.4 as bkdg for interaction blue',
     },
-    name: '--fds-brand-primary-100',
+    name: '--fds-brand-alt1-100',
     attributes: {},
-    path: ['brand', 'primary', '100'],
+    path: ['brand', 'alt1', '100'],
   },
   {
     value: '#fddfe0',
@@ -1949,9 +1949,9 @@ export const color = [
       description:
         'Light error color\nAAA 11.4 on grey 800\nAA 5.7 as bkdg for interaction blue',
     },
-    name: '--fds-brand-primary-200',
+    name: '--fds-brand-alt1-200',
     attributes: {},
-    path: ['brand', 'primary', '200'],
+    path: ['brand', 'alt1', '200'],
   },
   {
     value: '#fbbfc1',
@@ -1964,9 +1964,9 @@ export const color = [
       type: 'color',
       description: 'AAA 9 on grey 800\nAA 4.5 as bkdg for interaction blue',
     },
-    name: '--fds-brand-primary-300',
+    name: '--fds-brand-alt1-300',
     attributes: {},
-    path: ['brand', 'primary', '300'],
+    path: ['brand', 'alt1', '300'],
   },
   {
     value: '#f89fa1',
@@ -1979,9 +1979,9 @@ export const color = [
       type: 'color',
       description: 'AAA 7.1 on grey 800\nAA18 3.5 as bkdg for interaction blue',
     },
-    name: '--fds-brand-primary-400',
+    name: '--fds-brand-alt1-400',
     attributes: {},
-    path: ['brand', 'primary', '400'],
+    path: ['brand', 'alt1', '400'],
   },
   {
     value: '#f67f82',
@@ -1994,9 +1994,9 @@ export const color = [
       type: 'color',
       description: 'AA 5.6 on grey 800',
     },
-    name: '--fds-brand-primary-500',
+    name: '--fds-brand-alt1-500',
     attributes: {},
-    path: ['brand', 'primary', '500'],
+    path: ['brand', 'alt1', '500'],
   },
   {
     value: '#f45f63',
@@ -2009,9 +2009,9 @@ export const color = [
       type: 'color',
       description: 'AA 4.5 on grey 800',
     },
-    name: '--fds-brand-primary-600',
+    name: '--fds-brand-alt1-600',
     attributes: {},
-    path: ['brand', 'primary', '600'],
+    path: ['brand', 'alt1', '600'],
   },
   {
     value: '#dc5659',
@@ -2024,9 +2024,9 @@ export const color = [
       type: 'color',
       description: 'AA18 3.7 on grey 800',
     },
-    name: '--fds-brand-primary-700',
+    name: '--fds-brand-alt1-700',
     attributes: {},
-    path: ['brand', 'primary', '700'],
+    path: ['brand', 'alt1', '700'],
   },
   {
     value: '#c34c4f',
@@ -2039,9 +2039,9 @@ export const color = [
       type: 'color',
       description: 'AA 4.7 on white',
     },
-    name: '--fds-brand-primary-800',
+    name: '--fds-brand-alt1-800',
     attributes: {},
-    path: ['brand', 'primary', '800'],
+    path: ['brand', 'alt1', '800'],
   },
   {
     value: '#B83D41',
@@ -2052,9 +2052,9 @@ export const color = [
       value: '#B83D41',
       type: 'color',
     },
-    name: '--fds-brand-primary-900',
+    name: '--fds-brand-alt1-900',
     attributes: {},
-    path: ['brand', 'primary', '900'],
+    path: ['brand', 'alt1', '900'],
   },
   {
     value: '#fcf7e9',
@@ -2067,9 +2067,9 @@ export const color = [
       type: 'color',
       description: 'AAA 13.3 on grey 800\nAA 6.7 as bkdg for interaction blue',
     },
-    name: '--fds-brand-secondary-100',
+    name: '--fds-brand-alt2-100',
     attributes: {},
-    path: ['brand', 'secondary', '100'],
+    path: ['brand', 'alt2', '100'],
   },
   {
     value: '#faeec2',
@@ -2084,9 +2084,9 @@ export const color = [
       description:
         'Light warning color\nAAA 12.3 on grey 800\nAA 1.1 as bkdg for interaction blue',
     },
-    name: '--fds-brand-secondary-200',
+    name: '--fds-brand-alt2-200',
     attributes: {},
-    path: ['brand', 'secondary', '200'],
+    path: ['brand', 'alt2', '200'],
   },
   {
     value: '#f5dda6',
@@ -2099,9 +2099,9 @@ export const color = [
       type: 'color',
       description: 'AAA 10 on grey 800\nAA 5.4 as bkdg for interaction blue',
     },
-    name: '--fds-brand-secondary-300',
+    name: '--fds-brand-alt2-300',
     attributes: {},
-    path: ['brand', 'secondary', '300'],
+    path: ['brand', 'alt2', '300'],
   },
   {
     value: '#efcc79',
@@ -2114,9 +2114,9 @@ export const color = [
       type: 'color',
       description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
     },
-    name: '--fds-brand-secondary-400',
+    name: '--fds-brand-alt2-400',
     attributes: {},
-    path: ['brand', 'secondary', '400'],
+    path: ['brand', 'alt2', '400'],
   },
   {
     value: '#eabb4d',
@@ -2129,9 +2129,9 @@ export const color = [
       type: 'color',
       description: 'AAA 7.9 on grey 800\nAA18 4 as bkdg for interaction blue',
     },
-    name: '--fds-brand-secondary-500',
+    name: '--fds-brand-alt2-500',
     attributes: {},
-    path: ['brand', 'secondary', '500'],
+    path: ['brand', 'alt2', '500'],
   },
   {
     value: '#e5aa20',
@@ -2144,9 +2144,9 @@ export const color = [
       type: 'color',
       description: 'AA 6.8 on grey 800\nAA18 3.4 as bkdg for interaction blue',
     },
-    name: '--fds-brand-secondary-600',
+    name: '--fds-brand-alt2-600',
     attributes: {},
-    path: ['brand', 'secondary', '600'],
+    path: ['brand', 'alt2', '600'],
   },
   {
     value: '#ce991d',
@@ -2159,9 +2159,9 @@ export const color = [
       type: 'color',
       description: 'AA 5.5 on grey 800',
     },
-    name: '--fds-brand-secondary-700',
+    name: '--fds-brand-alt2-700',
     attributes: {},
-    path: ['brand', 'secondary', '700'],
+    path: ['brand', 'alt2', '700'],
   },
   {
     value: '#b7881a',
@@ -2174,9 +2174,9 @@ export const color = [
       type: 'color',
       description: 'AA18 4.4 on grey 800\nAA18 3.2 on white',
     },
-    name: '--fds-brand-secondary-800',
+    name: '--fds-brand-alt2-800',
     attributes: {},
-    path: ['brand', 'secondary', '800'],
+    path: ['brand', 'alt2', '800'],
   },
   {
     value: '#A17717',
@@ -2187,9 +2187,9 @@ export const color = [
       value: '#A17717',
       type: 'color',
     },
-    name: '--fds-brand-secondary-900',
+    name: '--fds-brand-alt2-900',
     attributes: {},
-    path: ['brand', 'secondary', '900'],
+    path: ['brand', 'alt2', '900'],
   },
   {
     value: '#e9f5ff',
@@ -2202,9 +2202,9 @@ export const color = [
       type: 'color',
       description: 'AAA 12.9 on grey 800\nAA 6.5 as bkdg for interaction blue',
     },
-    name: '--fds-brand-tertiary-100',
+    name: '--fds-brand-alt3-100',
     attributes: {},
-    path: ['brand', 'tertiary', '100'],
+    path: ['brand', 'alt3', '100'],
   },
   {
     value: '#d2eafd',
@@ -2219,9 +2219,9 @@ export const color = [
       description:
         'Light information color \nAAA 11.5 on grey 800\nAA 5.8 as bkdg for interaction blue',
     },
-    name: '--fds-brand-tertiary-200',
+    name: '--fds-brand-alt3-200',
     attributes: {},
-    path: ['brand', 'tertiary', '200'],
+    path: ['brand', 'alt3', '200'],
   },
   {
     value: '#a5d6fb',
@@ -2234,9 +2234,9 @@ export const color = [
       type: 'color',
       description: 'AAA 9.2 on grey 800\nAA 4.6 as bkdg for interaction blue',
     },
-    name: '--fds-brand-tertiary-300',
+    name: '--fds-brand-alt3-300',
     attributes: {},
-    path: ['brand', 'tertiary', '300'],
+    path: ['brand', 'alt3', '300'],
   },
   {
     value: '#78c1f9',
@@ -2249,9 +2249,9 @@ export const color = [
       type: 'color',
       description: 'AAA 7.3 on grey 800\nAA18 3.7 as bkdg for interaction blue',
     },
-    name: '--fds-brand-tertiary-400',
+    name: '--fds-brand-alt3-400',
     attributes: {},
-    path: ['brand', 'tertiary', '400'],
+    path: ['brand', 'alt3', '400'],
   },
   {
     value: '#4badf7',
@@ -2264,9 +2264,9 @@ export const color = [
       type: 'color',
       description: 'AA 5.8 on grey 800',
     },
-    name: '--fds-brand-tertiary-500',
+    name: '--fds-brand-alt3-500',
     attributes: {},
-    path: ['brand', 'tertiary', '500'],
+    path: ['brand', 'alt3', '500'],
   },
   {
     value: '#1e98f5',
@@ -2279,9 +2279,9 @@ export const color = [
       type: 'color',
       description: 'AA 4.6 on grey 800',
     },
-    name: '--fds-brand-tertiary-600',
+    name: '--fds-brand-alt3-600',
     attributes: {},
-    path: ['brand', 'tertiary', '600'],
+    path: ['brand', 'alt3', '600'],
   },
   {
     value: '#1b88dd',
@@ -2294,9 +2294,9 @@ export const color = [
       type: 'color',
       description: 'AA18 3.8 on grey 800',
     },
-    name: '--fds-brand-tertiary-700',
+    name: '--fds-brand-alt3-700',
     attributes: {},
-    path: ['brand', 'tertiary', '700'],
+    path: ['brand', 'alt3', '700'],
   },
   {
     value: '#156aac',
@@ -2309,9 +2309,9 @@ export const color = [
       type: 'color',
       description: 'AA 5.6 on white',
     },
-    name: '--fds-brand-tertiary-800',
+    name: '--fds-brand-alt3-800',
     attributes: {},
-    path: ['brand', 'tertiary', '800'],
+    path: ['brand', 'alt3', '800'],
   },
   {
     value: '#125A91',
@@ -2322,9 +2322,9 @@ export const color = [
       value: '#125A91',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-900',
+    name: '--fds-brand-alt3-900',
     attributes: {},
-    path: ['brand', 'tertiary', '900'],
+    path: ['brand', 'alt3', '900'],
   },
 ];
 
diff --git a/storefront/tokens/tilsynet.ts b/storefront/tokens/tilsynet.ts
index d636e43cf3..15024f1ed6 100644
--- a/storefront/tokens/tilsynet.ts
+++ b/storefront/tokens/tilsynet.ts
@@ -241,216 +241,216 @@ export const color = [
     path: ['semantic', 'surface', 'action', 'checked'],
   },
   {
-    value: '#e6eff8',
+    value: '#f4f5f6',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{colors.blue.100}',
+      value: '{colors.grey.100}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-subtle',
+    name: '--fds-semantic-surface-action-first-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'subtle'],
+    path: ['semantic', 'surface', 'action', 'first', 'subtle'],
   },
   {
-    value: '#b3d0ea',
+    value: '#e9eaec',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{colors.blue.200}',
+      value: '{colors.grey.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-subtle-hover',
+    name: '--fds-semantic-surface-action-first-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'subtle-hover'],
+    path: ['semantic', 'surface', 'action', 'first', 'subtle-hover'],
   },
   {
-    value: '#3339c6',
+    value: '#00315d',
     type: 'color',
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.primary.700}',
+      value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-default',
+    name: '--fds-semantic-surface-action-first-default',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'default'],
+    path: ['semantic', 'surface', 'action', 'first', 'default'],
   },
   {
-    value: '#0008b8',
+    value: 'rgba(0, 49, 93, 0.9)',
     type: 'color',
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.primary.800}',
+      value: 'rgba({colors.blue.900}, 0.9)',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-hover',
+    name: '--fds-semantic-surface-action-first-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'hover'],
+    path: ['semantic', 'surface', 'action', 'first', 'hover'],
   },
   {
-    value: '#00078F',
+    value: 'rgba(0, 49, 93, 0.8)',
     type: 'color',
     description: 'Standard farge for handlinger',
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.primary.900}',
+      value: 'rgba({colors.blue.900}, 0.8)',
       type: 'color',
       description: 'Standard farge for handlinger',
     },
-    name: '--fds-semantic-surface-action-primary-active',
+    name: '--fds-semantic-surface-action-first-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'active'],
+    path: ['semantic', 'surface', 'action', 'first', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-no_fill',
+    name: '--fds-semantic-surface-action-first-no_fill',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'no_fill'],
+    path: ['semantic', 'surface', 'action', 'first', 'no_fill'],
   },
   {
-    value: '#e6eff8',
+    value: 'rgba(0, 49, 93, 0.1)',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{colors.blue.100}',
+      value: 'rgba({colors.blue.900}, 0.1)',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-no_fill-hover',
+    name: '--fds-semantic-surface-action-first-no_fill-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-hover'],
+    path: ['semantic', 'surface', 'action', 'first', 'no_fill-hover'],
   },
   {
-    value: '#b3d0ea',
+    value: 'rgba(0, 49, 93, 0.2)',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{colors.blue.200}',
+      value: 'rgba({colors.blue.900}, 0.2)',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-primary-no_fill-active',
+    name: '--fds-semantic-surface-action-first-no_fill-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'primary', 'no_fill-active'],
+    path: ['semantic', 'surface', 'action', 'first', 'no_fill-active'],
   },
   {
     value: '#f4f5f6',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.grey.100}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-subtle',
+    name: '--fds-semantic-surface-action-second-subtle',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'subtle'],
+    path: ['semantic', 'surface', 'action', 'second', 'subtle'],
   },
   {
     value: '#e9eaec',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.grey.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-subtle-hover',
+    name: '--fds-semantic-surface-action-second-subtle-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'subtle-hover'],
+    path: ['semantic', 'surface', 'action', 'second', 'subtle-hover'],
   },
   {
-    value: '#407d6d',
+    value: '#00315d',
     type: 'color',
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.800}',
+      value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-default',
+    name: '--fds-semantic-surface-action-second-default',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'default'],
+    path: ['semantic', 'surface', 'action', 'second', 'default'],
   },
   {
-    value: '#376C5E',
+    value: 'rgba(0, 49, 93, 0.9)',
     type: 'color',
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.900}',
+      value: 'rgba({colors.blue.900}, 0.9)',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-hover',
+    name: '--fds-semantic-surface-action-second-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'hover'],
+    path: ['semantic', 'surface', 'action', 'second', 'hover'],
   },
   {
-    value: '#376C5E',
+    value: 'rgba(0, 49, 93, 0.8)',
     type: 'color',
     description: 'Standard farge for handlinger',
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.900}',
+      value: 'rgba({colors.blue.900}, 0.8)',
       type: 'color',
       description: 'Standard farge for handlinger',
     },
-    name: '--fds-semantic-surface-action-secondary-active',
+    name: '--fds-semantic-surface-action-second-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'active'],
+    path: ['semantic', 'surface', 'action', 'second', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-no_fill',
+    name: '--fds-semantic-surface-action-second-no_fill',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill'],
+    path: ['semantic', 'surface', 'action', 'second', 'no_fill'],
   },
   {
     value: 'rgba(0, 49, 93, 0.1)',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: 'rgba({colors.blue.900}, 0.1)',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-no_fill-hover',
+    name: '--fds-semantic-surface-action-second-no_fill-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-hover'],
+    path: ['semantic', 'surface', 'action', 'second', 'no_fill-hover'],
   },
   {
     value: 'rgba(0, 49, 93, 0.2)',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: 'rgba({colors.blue.900}, 0.2)',
       type: 'color',
     },
-    name: '--fds-semantic-surface-action-secondary-no_fill-active',
+    name: '--fds-semantic-surface-action-second-no_fill-active',
     attributes: {},
-    path: ['semantic', 'surface', 'action', 'secondary', 'no_fill-active'],
+    path: ['semantic', 'surface', 'action', 'second', 'no_fill-active'],
   },
   {
     value: '#d1f4e1',
@@ -809,12 +809,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.primary.200}',
+      value: '{brand.alt1.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-light',
+    name: '--fds-semantic-surface-first-light',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'light'],
+    path: ['semantic', 'surface', 'first', 'light'],
   },
   {
     value: '#bec0ed',
@@ -822,12 +822,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.primary.300}',
+      value: '{brand.alt1.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-light-hover',
+    name: '--fds-semantic-surface-first-light-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'light-hover'],
+    path: ['semantic', 'surface', 'first', 'light-hover'],
   },
   {
     value: '#9da0e4',
@@ -835,12 +835,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.primary.400}',
+      value: '{brand.alt1.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-light-active',
+    name: '--fds-semantic-surface-first-light-active',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'light-active'],
+    path: ['semantic', 'surface', 'first', 'light-active'],
   },
   {
     value: '#0008b8',
@@ -848,12 +848,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.primary.800}',
+      value: '{brand.alt1.800}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-primary-dark',
+    name: '--fds-semantic-surface-first-dark',
     attributes: {},
-    path: ['semantic', 'surface', 'primary', 'dark'],
+    path: ['semantic', 'surface', 'first', 'dark'],
   },
   {
     value: '#ffdcc3',
@@ -861,12 +861,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.200}',
+      value: '{brand.alt2.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-light',
+    name: '--fds-semantic-surface-second-light',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'light'],
+    path: ['semantic', 'surface', 'second', 'light'],
   },
   {
     value: '#fdd4b7',
@@ -874,12 +874,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.300}',
+      value: '{brand.alt2.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-light-hover',
+    name: '--fds-semantic-surface-second-light-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'light-hover'],
+    path: ['semantic', 'surface', 'second', 'light-hover'],
   },
   {
     value: '#ffc296',
@@ -887,12 +887,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.400}',
+      value: '{brand.alt2.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-light-active',
+    name: '--fds-semantic-surface-second-light-active',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'light-active'],
+    path: ['semantic', 'surface', 'second', 'light-active'],
   },
   {
     value: '#9F6841',
@@ -900,12 +900,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.900}',
+      value: '{brand.alt2.900}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-secondary-dark',
+    name: '--fds-semantic-surface-second-dark',
     attributes: {},
-    path: ['semantic', 'surface', 'secondary', 'dark'],
+    path: ['semantic', 'surface', 'second', 'dark'],
   },
   {
     value: '#deece9',
@@ -913,12 +913,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.200}',
+      value: '{brand.alt3.200}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-light',
+    name: '--fds-semantic-surface-third-light',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'light'],
+    path: ['semantic', 'surface', 'third', 'light'],
   },
   {
     value: '#bedad2',
@@ -926,12 +926,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.300}',
+      value: '{brand.alt3.300}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-light-hover',
+    name: '--fds-semantic-surface-third-light-hover',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'light-hover'],
+    path: ['semantic', 'surface', 'third', 'light-hover'],
   },
   {
     value: '#9dc7bc',
@@ -939,12 +939,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.400}',
+      value: '{brand.alt3.400}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-light-active',
+    name: '--fds-semantic-surface-third-light-active',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'light-active'],
+    path: ['semantic', 'surface', 'third', 'light-active'],
   },
   {
     value: '#407d6d',
@@ -952,12 +952,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.800}',
+      value: '{brand.alt3.800}',
       type: 'color',
     },
-    name: '--fds-semantic-surface-tertiary-dark',
+    name: '--fds-semantic-surface-third-dark',
     attributes: {},
-    path: ['semantic', 'surface', 'tertiary', 'dark'],
+    path: ['semantic', 'surface', 'third', 'dark'],
   },
   {
     value: '#004e95',
@@ -1066,132 +1066,132 @@ export const color = [
   {
     value: '#b3d0ea',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.blue.200}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-subtle',
+    name: '--fds-semantic-border-action-first-subtle',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'subtle'],
+    path: ['semantic', 'border', 'action', 'first', 'subtle'],
   },
   {
     value: '#66a1d6',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.blue.400}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-subtle-hover',
+    name: '--fds-semantic-border-action-first-subtle-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'subtle-hover'],
+    path: ['semantic', 'border', 'action', 'first', 'subtle-hover'],
   },
   {
     value: '#0062ba',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.blue.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-default',
+    name: '--fds-semantic-border-action-first-default',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'default'],
+    path: ['semantic', 'border', 'action', 'first', 'default'],
   },
   {
     value: '#004e95',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.blue.800}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-hover',
+    name: '--fds-semantic-border-action-first-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'hover'],
+    path: ['semantic', 'border', 'action', 'first', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-primary-active',
+    name: '--fds-semantic-border-action-first-active',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'primary', 'active'],
+    path: ['semantic', 'border', 'action', 'first', 'active'],
   },
   {
     value: '#e9eaec',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.grey.200}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-subtle',
+    name: '--fds-semantic-border-action-second-subtle',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'subtle'],
+    path: ['semantic', 'border', 'action', 'second', 'subtle'],
   },
   {
     value: '#d2d5d8',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.grey.300}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-subtle-hover',
+    name: '--fds-semantic-border-action-second-subtle-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'subtle-hover'],
+    path: ['semantic', 'border', 'action', 'second', 'subtle-hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-default',
+    name: '--fds-semantic-border-action-second-default',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'default'],
+    path: ['semantic', 'border', 'action', 'second', 'default'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-hover',
+    name: '--fds-semantic-border-action-second-hover',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'hover'],
+    path: ['semantic', 'border', 'action', 'second', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-border-action-secondary-active',
+    name: '--fds-semantic-border-action-second-active',
     attributes: {},
-    path: ['semantic', 'border', 'action', 'secondary', 'active'],
+    path: ['semantic', 'border', 'action', 'second', 'active'],
   },
   {
     value: '#68707c',
@@ -1433,12 +1433,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.primary.600}',
+      value: '{brand.alt1.600}',
       type: 'color',
     },
-    name: '--fds-semantic-border-primary-default',
+    name: '--fds-semantic-border-first-default',
     attributes: {},
-    path: ['semantic', 'border', 'primary', 'default'],
+    path: ['semantic', 'border', 'first', 'default'],
   },
   {
     value: '#3339c6',
@@ -1446,12 +1446,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.primary.700}',
+      value: '{brand.alt1.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-primary-hover',
+    name: '--fds-semantic-border-first-hover',
     attributes: {},
-    path: ['semantic', 'border', 'primary', 'hover'],
+    path: ['semantic', 'border', 'first', 'hover'],
   },
   {
     value: '#0008b8',
@@ -1459,12 +1459,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.primary.800}',
+      value: '{brand.alt1.800}',
       type: 'color',
     },
-    name: '--fds-semantic-border-primary-active',
+    name: '--fds-semantic-border-first-active',
     attributes: {},
-    path: ['semantic', 'border', 'primary', 'active'],
+    path: ['semantic', 'border', 'first', 'active'],
   },
   {
     value: '#ffa869',
@@ -1472,12 +1472,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.600}',
+      value: '{brand.alt2.600}',
       type: 'color',
     },
-    name: '--fds-semantic-border-secondary-default',
+    name: '--fds-semantic-border-second-default',
     attributes: {},
-    path: ['semantic', 'border', 'secondary', 'default'],
+    path: ['semantic', 'border', 'second', 'default'],
   },
   {
     value: '#e6975f',
@@ -1485,12 +1485,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.700}',
+      value: '{brand.alt2.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-secondary-hover',
+    name: '--fds-semantic-border-second-hover',
     attributes: {},
-    path: ['semantic', 'border', 'secondary', 'hover'],
+    path: ['semantic', 'border', 'second', 'hover'],
   },
   {
     value: '#b3764a',
@@ -1498,12 +1498,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.secondary.800}',
+      value: '{brand.alt2.800}',
       type: 'color',
     },
-    name: '--fds-semantic-border-secondary-active',
+    name: '--fds-semantic-border-second-active',
     attributes: {},
-    path: ['semantic', 'border', 'secondary', 'active'],
+    path: ['semantic', 'border', 'second', 'active'],
   },
   {
     value: '#5ca28f',
@@ -1511,12 +1511,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.600}',
+      value: '{brand.alt3.600}',
       type: 'color',
     },
-    name: '--fds-semantic-border-tertiary-default',
+    name: '--fds-semantic-border-third-default',
     attributes: {},
-    path: ['semantic', 'border', 'tertiary', 'default'],
+    path: ['semantic', 'border', 'third', 'default'],
   },
   {
     value: '#4c907e',
@@ -1524,12 +1524,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.700}',
+      value: '{brand.alt3.700}',
       type: 'color',
     },
-    name: '--fds-semantic-border-tertiary-hover',
+    name: '--fds-semantic-border-third-hover',
     attributes: {},
-    path: ['semantic', 'border', 'tertiary', 'hover'],
+    path: ['semantic', 'border', 'third', 'hover'],
   },
   {
     value: '#407d6d',
@@ -1537,12 +1537,12 @@ export const color = [
     filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
-      value: '{brand.tertiary.800}',
+      value: '{brand.alt3.800}',
       type: 'color',
     },
-    name: '--fds-semantic-border-tertiary-active',
+    name: '--fds-semantic-border-third-active',
     attributes: {},
-    path: ['semantic', 'border', 'tertiary', 'active'],
+    path: ['semantic', 'border', 'third', 'active'],
   },
   {
     value: '#0c6536',
@@ -1703,106 +1703,106 @@ export const color = [
   {
     value: '#0062ba',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.blue.700}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-default',
+    name: '--fds-semantic-text-action-first-default',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'default'],
+    path: ['semantic', 'text', 'action', 'first', 'default'],
   },
   {
     value: '#004e95',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '#004e95',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-hover',
+    name: '--fds-semantic-text-action-first-hover',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'hover'],
+    path: ['semantic', 'text', 'action', 'first', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '#00315d',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-active',
+    name: '--fds-semantic-text-action-first-active',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'active'],
+    path: ['semantic', 'text', 'action', 'first', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-primary-on_action',
+    name: '--fds-semantic-text-action-first-on_action',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'primary', 'on_action'],
+    path: ['semantic', 'text', 'action', 'first', 'on_action'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-default',
+    name: '--fds-semantic-text-action-second-default',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'default'],
+    path: ['semantic', 'text', 'action', 'second', 'default'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-hover',
+    name: '--fds-semantic-text-action-second-hover',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'hover'],
+    path: ['semantic', 'text', 'action', 'second', 'hover'],
   },
   {
     value: '#00315d',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.blue.900}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-active',
+    name: '--fds-semantic-text-action-second-active',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'active'],
+    path: ['semantic', 'text', 'action', 'second', 'active'],
   },
   {
     value: '#ffffff',
     type: 'color',
-    filePath: '../../design-tokens/Base/Semantic.json',
+    filePath: '../../design-tokens/Brand/Tilsynet.json',
     isSource: false,
     original: {
       value: '{colors.white}',
       type: 'color',
     },
-    name: '--fds-semantic-text-action-secondary-on_action',
+    name: '--fds-semantic-text-action-second-on_action',
     attributes: {},
-    path: ['semantic', 'text', 'action', 'secondary', 'on_action'],
+    path: ['semantic', 'text', 'action', 'second', 'on_action'],
   },
   {
     value: '#995404',
@@ -1930,9 +1930,9 @@ export const color = [
       value: '#efeffb',
       type: 'color',
     },
-    name: '--fds-brand-primary-100',
+    name: '--fds-brand-alt1-100',
     attributes: {},
-    path: ['brand', 'primary', '100'],
+    path: ['brand', 'alt1', '100'],
   },
   {
     value: '#dedff6',
@@ -1943,9 +1943,9 @@ export const color = [
       value: '#dedff6',
       type: 'color',
     },
-    name: '--fds-brand-primary-200',
+    name: '--fds-brand-alt1-200',
     attributes: {},
-    path: ['brand', 'primary', '200'],
+    path: ['brand', 'alt1', '200'],
   },
   {
     value: '#bec0ed',
@@ -1956,9 +1956,9 @@ export const color = [
       value: '#bec0ed',
       type: 'color',
     },
-    name: '--fds-brand-primary-300',
+    name: '--fds-brand-alt1-300',
     attributes: {},
-    path: ['brand', 'primary', '300'],
+    path: ['brand', 'alt1', '300'],
   },
   {
     value: '#9da0e4',
@@ -1969,9 +1969,9 @@ export const color = [
       value: '#9da0e4',
       type: 'color',
     },
-    name: '--fds-brand-primary-400',
+    name: '--fds-brand-alt1-400',
     attributes: {},
-    path: ['brand', 'primary', '400'],
+    path: ['brand', 'alt1', '400'],
   },
   {
     value: '#7d81db',
@@ -1982,9 +1982,9 @@ export const color = [
       value: '#7d81db',
       type: 'color',
     },
-    name: '--fds-brand-primary-500',
+    name: '--fds-brand-alt1-500',
     attributes: {},
-    path: ['brand', 'primary', '500'],
+    path: ['brand', 'alt1', '500'],
   },
   {
     value: '#5c61d2',
@@ -1995,9 +1995,9 @@ export const color = [
       value: '#5c61d2',
       type: 'color',
     },
-    name: '--fds-brand-primary-600',
+    name: '--fds-brand-alt1-600',
     attributes: {},
-    path: ['brand', 'primary', '600'],
+    path: ['brand', 'alt1', '600'],
   },
   {
     value: '#3339c6',
@@ -2008,9 +2008,9 @@ export const color = [
       value: '#3339c6',
       type: 'color',
     },
-    name: '--fds-brand-primary-700',
+    name: '--fds-brand-alt1-700',
     attributes: {},
-    path: ['brand', 'primary', '700'],
+    path: ['brand', 'alt1', '700'],
   },
   {
     value: '#0008b8',
@@ -2021,9 +2021,9 @@ export const color = [
       value: '#0008b8',
       type: 'color',
     },
-    name: '--fds-brand-primary-800',
+    name: '--fds-brand-alt1-800',
     attributes: {},
-    path: ['brand', 'primary', '800'],
+    path: ['brand', 'alt1', '800'],
   },
   {
     value: '#00078F',
@@ -2034,9 +2034,9 @@ export const color = [
       value: '#00078F',
       type: 'color',
     },
-    name: '--fds-brand-primary-900',
+    name: '--fds-brand-alt1-900',
     attributes: {},
-    path: ['brand', 'primary', '900'],
+    path: ['brand', 'alt1', '900'],
   },
   {
     value: '#ffeee1',
@@ -2047,9 +2047,9 @@ export const color = [
       value: '#ffeee1',
       type: 'color',
     },
-    name: '--fds-brand-secondary-100',
+    name: '--fds-brand-alt2-100',
     attributes: {},
-    path: ['brand', 'secondary', '100'],
+    path: ['brand', 'alt2', '100'],
   },
   {
     value: '#ffdcc3',
@@ -2060,9 +2060,9 @@ export const color = [
       value: '#ffdcc3',
       type: 'color',
     },
-    name: '--fds-brand-secondary-200',
+    name: '--fds-brand-alt2-200',
     attributes: {},
-    path: ['brand', 'secondary', '200'],
+    path: ['brand', 'alt2', '200'],
   },
   {
     value: '#fdd4b7',
@@ -2073,9 +2073,9 @@ export const color = [
       value: '#fdd4b7',
       type: 'color',
     },
-    name: '--fds-brand-secondary-300',
+    name: '--fds-brand-alt2-300',
     attributes: {},
-    path: ['brand', 'secondary', '300'],
+    path: ['brand', 'alt2', '300'],
   },
   {
     value: '#ffc296',
@@ -2086,9 +2086,9 @@ export const color = [
       value: '#ffc296',
       type: 'color',
     },
-    name: '--fds-brand-secondary-400',
+    name: '--fds-brand-alt2-400',
     attributes: {},
-    path: ['brand', 'secondary', '400'],
+    path: ['brand', 'alt2', '400'],
   },
   {
     value: '#ffb178',
@@ -2099,9 +2099,9 @@ export const color = [
       value: '#ffb178',
       type: 'color',
     },
-    name: '--fds-brand-secondary-500',
+    name: '--fds-brand-alt2-500',
     attributes: {},
-    path: ['brand', 'secondary', '500'],
+    path: ['brand', 'alt2', '500'],
   },
   {
     value: '#ffa869',
@@ -2112,9 +2112,9 @@ export const color = [
       value: '#ffa869',
       type: 'color',
     },
-    name: '--fds-brand-secondary-600',
+    name: '--fds-brand-alt2-600',
     attributes: {},
-    path: ['brand', 'secondary', '600'],
+    path: ['brand', 'alt2', '600'],
   },
   {
     value: '#e6975f',
@@ -2125,9 +2125,9 @@ export const color = [
       value: '#e6975f',
       type: 'color',
     },
-    name: '--fds-brand-secondary-700',
+    name: '--fds-brand-alt2-700',
     attributes: {},
-    path: ['brand', 'secondary', '700'],
+    path: ['brand', 'alt2', '700'],
   },
   {
     value: '#b3764a',
@@ -2138,9 +2138,9 @@ export const color = [
       value: '#b3764a',
       type: 'color',
     },
-    name: '--fds-brand-secondary-800',
+    name: '--fds-brand-alt2-800',
     attributes: {},
-    path: ['brand', 'secondary', '800'],
+    path: ['brand', 'alt2', '800'],
   },
   {
     value: '#9F6841',
@@ -2151,9 +2151,9 @@ export const color = [
       value: '#9F6841',
       type: 'color',
     },
-    name: '--fds-brand-secondary-900',
+    name: '--fds-brand-alt2-900',
     attributes: {},
-    path: ['brand', 'secondary', '900'],
+    path: ['brand', 'alt2', '900'],
   },
   {
     value: '#eff6f4',
@@ -2164,9 +2164,9 @@ export const color = [
       value: '#eff6f4',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-100',
+    name: '--fds-brand-alt3-100',
     attributes: {},
-    path: ['brand', 'tertiary', '100'],
+    path: ['brand', 'alt3', '100'],
   },
   {
     value: '#deece9',
@@ -2177,9 +2177,9 @@ export const color = [
       value: '#deece9',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-200',
+    name: '--fds-brand-alt3-200',
     attributes: {},
-    path: ['brand', 'tertiary', '200'],
+    path: ['brand', 'alt3', '200'],
   },
   {
     value: '#bedad2',
@@ -2190,9 +2190,9 @@ export const color = [
       value: '#bedad2',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-300',
+    name: '--fds-brand-alt3-300',
     attributes: {},
-    path: ['brand', 'tertiary', '300'],
+    path: ['brand', 'alt3', '300'],
   },
   {
     value: '#9dc7bc',
@@ -2203,9 +2203,9 @@ export const color = [
       value: '#9dc7bc',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-400',
+    name: '--fds-brand-alt3-400',
     attributes: {},
-    path: ['brand', 'tertiary', '400'],
+    path: ['brand', 'alt3', '400'],
   },
   {
     value: '#7db5a5',
@@ -2216,9 +2216,9 @@ export const color = [
       value: '#7db5a5',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-500',
+    name: '--fds-brand-alt3-500',
     attributes: {},
-    path: ['brand', 'tertiary', '500'],
+    path: ['brand', 'alt3', '500'],
   },
   {
     value: '#5ca28f',
@@ -2229,9 +2229,9 @@ export const color = [
       value: '#5ca28f',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-600',
+    name: '--fds-brand-alt3-600',
     attributes: {},
-    path: ['brand', 'tertiary', '600'],
+    path: ['brand', 'alt3', '600'],
   },
   {
     value: '#4c907e',
@@ -2242,9 +2242,9 @@ export const color = [
       value: '#4c907e',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-700',
+    name: '--fds-brand-alt3-700',
     attributes: {},
-    path: ['brand', 'tertiary', '700'],
+    path: ['brand', 'alt3', '700'],
   },
   {
     value: '#407d6d',
@@ -2255,9 +2255,9 @@ export const color = [
       value: '#407d6d',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-800',
+    name: '--fds-brand-alt3-800',
     attributes: {},
-    path: ['brand', 'tertiary', '800'],
+    path: ['brand', 'alt3', '800'],
   },
   {
     value: '#376C5E',
@@ -2268,9 +2268,9 @@ export const color = [
       value: '#376C5E',
       type: 'color',
     },
-    name: '--fds-brand-tertiary-900',
+    name: '--fds-brand-alt3-900',
     attributes: {},
-    path: ['brand', 'tertiary', '900'],
+    path: ['brand', 'alt3', '900'],
   },
 ];