diff --git a/docs/gui-colour-palette.md b/docs/gui-colour-palette.md
index af6075e412..029d1ccdf0 100644
--- a/docs/gui-colour-palette.md
+++ b/docs/gui-colour-palette.md
@@ -2,61 +2,63 @@
 
 Thank you for thinking to contribute to the look of the Telescope. This is a guide to the colour palette that we use to make our web site looks pretty and up-to-date.
 
-|    #FFFFFF, rgb (255,255,255)     |   #A4D4FF, rgb (164, 212, 255)    |    #3670A5, rgb (54, 112, 165)    |
-| :-------------------------------: | :-------------------------------: | :-------------------------------: |
-| ![](./images/#FFFFFF.png=100x100) | ![](./images/#A4D4FF.png=100x100) | ![](./images/#3670A5.png=100x100) |
+|  #FFFFFF, rgb (255,255,255)   | #A4D4FF, rgb (164, 212, 255)  |  #3670A5, rgb (54, 112, 165)  |
+| :---------------------------: | :---------------------------: | :---------------------------: |
+| ![#FFFFFF](images/ffffff.PNG) | ![#A4D4FF](images/A4D4FF.PNG) | ![#3670A5](images/3670A5.PNG) |
 
-|   #9E9E9E, rgb (158, 158, 158)    |     #002944, rgb (0, 41, 68)      |
-| :-------------------------------: | :-------------------------------: |
-| ![](./images/#9E9E9E.png=100x100) | ![](./images/#002944.png=100x100) |
+| #9E9E9E, rgb (158, 158, 158)  |   #002944, rgb (0, 41, 68)    |
+| :---------------------------: | :---------------------------: |
+| ![#9E9E9E](images/9E9E9E.PNG) | ![#002944](images/002944.PNG) |
 
 ## Header
 
-**Title:**
+![#A4D4FF](https://placehold.it/15/A4D4FF/000000?text=+) **Title:**
 
 - hex: #A4D4FF
 - rgb: (164, 212, 255)
 
-**Search Icon:**
+![#FFFFFF](https://placehold.it/15/FFFFFF/000000?text=+) **Search Icon:**
 
 - hex: #FFFFFF
 - rgb: (255, 255, 255)
 
-**Menu Icons (Home, Login):**
+![#FFFFFF](https://placehold.it/15/FFFFFF/000000?text=+) **Menu Icons (Home, Login, About):**
 
 - hex: #FFFFFF
 - rgb: (255, 255, 255)
 
 ## Banner
 
-**Name, statistics, version:**
+![#FFFFFF](https://placehold.it/15/FFFFFF/000000?text=+) **Name, statistics, version:**
 
 - hex: #FFFFFF
 - rgb: (255, 255, 255)
 
 ## Search Bar
 
-**Filter name and search icon background:**
+![#3670A5](https://placehold.it/15/3670A5/000000?text=+) **Filter name and search icon background:**
 
 - hex: #3670A5
 - rgb: (54, 112, 165)
 
-**Input background:**
+![#9E9E9E](https://placehold.it/15/9E9E9E/000000?text=+) **Input background:**
 
 - hex: #9E9E9E
 - rgb: (158, 158, 158)
 
-**Magnifying glass icon**
+![#002944](https://placehold.it/15/002944/000000?text=+) **Magnifying glass icon**
 
 - hex: #002944
 - rgb: (0,41,68)
 
-**Magnifying glass icon background colour:**
+![#3670A5](https://placehold.it/15/3670A5/000000?text=+) **Magnifying glass icon background colour:**
 
 - hex: #3670A5
 - rgb: (54, 112, 165)
 
-**Form control:**
+![#3670A5](https://placehold.it/15/3670A5/000000?text=+) **Form control:**
 
 - hex: #3670A5
 - rgb: (54, 112, 165)
+
+“The Free Image Placeholder Service Favoured By Designers.” Placeholder.com, 17 Dec. 2019, placeholder.com/.
diff --git a/docs/images/#002944.PNG b/docs/images/002944.PNG
similarity index 100%
rename from docs/images/#002944.PNG
rename to docs/images/002944.PNG
diff --git a/docs/images/#3670A5.PNG b/docs/images/3670A5.PNG
similarity index 100%
rename from docs/images/#3670A5.PNG
rename to docs/images/3670A5.PNG
diff --git a/docs/images/#9E9E9E.PNG b/docs/images/9E9E9E.PNG
similarity index 100%
rename from docs/images/#9E9E9E.PNG
rename to docs/images/9E9E9E.PNG
diff --git a/docs/images/#A4D4FF.PNG b/docs/images/A4D4FF.PNG
similarity index 100%
rename from docs/images/#A4D4FF.PNG
rename to docs/images/A4D4FF.PNG
diff --git a/docs/images/#FFFFFF.PNG b/docs/images/ffffff.PNG
similarity index 100%
rename from docs/images/#FFFFFF.PNG
rename to docs/images/ffffff.PNG