diff --git a/docs/getting-started.md b/docs/getting-started.md
index 7b63d2e66afaa2fe62649768770b2bb019adbb05..0f9460995492fa923a63b2622cd3933aa7525672 100644
--- a/docs/getting-started.md
+++ b/docs/getting-started.md
@@ -123,6 +123,8 @@ _deep purple_, _indigo_, _blue_, _light blue_, _cyan_, _teal_, _green_, _light
 green_, _lime_, _yellow_, _amber_, _orange_, _deep orange_, _brown_, _grey_ and
 _blue grey_. The last three colors can only be used as a primary color.
 
+![Material Screenshot](images/colors.png)
+
 If the color is set via this configuration, an additional CSS file called
 `palettes.css` is included that defines the color palettes. If you want to
 keep things lean, clone the repository and recompile the theme with your
diff --git a/docs/images/colors.png b/docs/images/colors.png
new file mode 100644
index 0000000000000000000000000000000000000000..45e4b6041574ddd6da676d17a9af229c27f6a80b
Binary files /dev/null and b/docs/images/colors.png differ