diff --git a/docs/getting-started/color-scheme.png b/docs/getting-started/color-scheme.png
new file mode 100644
index 00000000..06e70ae6
Binary files /dev/null and b/docs/getting-started/color-scheme.png differ
diff --git a/docs/getting-started/introduction.mdx b/docs/getting-started/introduction.mdx
index 55243785..7945ded4 100644
--- a/docs/getting-started/introduction.mdx
+++ b/docs/getting-started/introduction.mdx
@@ -65,6 +65,20 @@ becomes (for a `MDX_BASEURL=http://localhost:60141` value):
 
 </details>
 
+<details>
+  <summary>`THEME_*`</summary>
+
+We implement [m3 design system](https://m3.material.io/styles/color/system/overview), using [Tailwind Material Colors](https://tailwind-material-colors-docs.vercel.app).
+
+<a href="https://tailwind-material-colors-docs.vercel.app#palette">
+  <img src="color-scheme.png" width="1506" height="864" alt="" />
+</a>
+
+NB: see https://www.youtube.com/playlist?list=PLsoLz-E4Os4WWkrvRuQ7BJuVF-WfOyfWT for more information
+NB: we currently don't have secondary/tertiary colors (maybe some day).
+
+</details>
+
 ## dev
 
 ```sh