diff --git a/packages/ffe-core/documentation/Accent.mdx b/packages/ffe-core/documentation/Accent.mdx
new file mode 100644
index 0000000000..81e099fad6
--- /dev/null
+++ b/packages/ffe-core/documentation/Accent.mdx
@@ -0,0 +1,47 @@
+import { Meta } from '@storybook/blocks';
+import { colors } from '../gen-src/semantic-color-names.json';
+
+<Meta title="Design/Farger/Accent" />
+
+# Accent
+
+Accent mode aktiveres med å legge klassen `ffe-accent-mode` på elementet eller på
+containeren til elementet. Trenger en default mode inne i eccentmode kan en legge på klassen `.ffe-default-mode`.
+
+Noen vanlige eksempler på bruk av accent mode
+
+```jsx
+// En komponent med accent mode
+<PrimaryButton
+    className="ffe-accent-mode">
+    Primærknapp
+</PrimaryButton>
+
+
+// Flere komponenter med accent mode i samme område
+<div
+   className="ffe-accent-mode"
+   style={{backgroundColor:"var(--ffe-color-background-default)"}}>
+   <PrimaryButton>
+      Primærknapp
+   </PrimaryButton>
+   <SecondaryButton>
+      Sekundærknapp
+   </SecondaryButton>
+</div>
+
+
+// En komponent med accent mode i et accentområde og en komponent med default mode
+<div
+   className="ffe-accent-mode"
+   style={{backgroundColor:"var(--ffe-color-background-default)"}}>
+   <PrimaryButton>
+      Primærknapp
+   </PrimaryButton>
+   <SecondaryButton className="ffe-default-mode">
+      Sekundærknapp
+   </SecondaryButton>
+</div>
+```
+
+Se eksempelet [på en slik side med en accent section]() WIP
diff --git a/packages/ffe-core/documentation/Colors.mdx b/packages/ffe-core/documentation/Colors.mdx
index 7d98a6dd1b..a96fcfc481 100644
--- a/packages/ffe-core/documentation/Colors.mdx
+++ b/packages/ffe-core/documentation/Colors.mdx
@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/blocks';
 import { colors } from '../gen-src/semantic-color-names.json';
 
-<Meta title="Design/Farger" />
+<Meta title="Design/Farger/Introduksjon" />
 
 # Farger
 
@@ -16,11 +16,7 @@ kan vi variere hvilke farge som vises på tvers av appen. Vi støtter 4 moduser
 
 Dark mode aktiveres automatisk basert på brukerens systeminnstillinger.
 Accent mode aktiveres med å legge klassen `ffe-accent-mode` på elementet eller på
-containeren til elementet.
-
-Bruken av accent er der en har en blokk på side med en annen bakgrunnsfarge enn resten.
-
-Se eksempelet [på en slik side med en accent section]() WIP
+containeren til elementet. Se mer om accent mode på [siden om accent mode](./?path=/docs/design-farger-accent--docs) WIP
 
 ## Tailwind