diff --git a/documentation/user/promotional-material.md b/documentation/user/promotional-material.md
index 834cd66efc..478a256897 100644
--- a/documentation/user/promotional-material.md
+++ b/documentation/user/promotional-material.md
@@ -10,9 +10,10 @@ You are hereby granted to use the ACE3 logos and imagery for promotional purpose
 
 ## Colors
 
-![white](https://cloud.githubusercontent.com/assets/1235520/6618806/d19959e4-c8c5-11e4-85f4-814c93ec7778.jpg) White: `#ffffff, rgb(255, 255, 255)`<br/>
-![black](https://cloud.githubusercontent.com/assets/1235520/6618807/d2c7bf0e-c8c5-11e4-8c43-6de02d47898c.jpg) Black: `#000000, rgb(0, 0, 0)`<br/>
-![red](https://cloud.githubusercontent.com/assets/1235520/6618808/d3e6a62a-c8c5-11e4-9313-4db522a40117.jpg) Red: `#ba2619, rgb(186, 38, 25)`
+* <i class="icon icon-color icon-color-white"></i> White: `#ffffff, rgb(255, 255, 255)`
+* <i class="icon icon-color icon-color-black"></i> Black: `#000000, rgb(0, 0, 0)`
+* <i class="icon icon-color icon-color-red"></i> Red: `#ba2619, rgb(186, 38, 25)`
+
 
 ## Logo
 When using the ACE3 logo please do not stretch or skew it.
@@ -31,4 +32,4 @@ When using the ACE3 logo please do not stretch or skew it.
 
 * [JPG (black background)](https://github.com/KoffeinFlummi/ACE3/blob/master/extras/assets/logo/white/ACE3-Logo.jpg)
 * [PNG (transparent background)](https://github.com/KoffeinFlummi/ACE3/blob/master/extras/assets/logo/white/ACE3-Logo.png)
-* [EPS (vector file)](https://github.com/KoffeinFlummi/ACE3/blob/master/extras/assets/logo/white/ACE3-Logo.eps)
\ No newline at end of file
+* [EPS (vector file)](https://github.com/KoffeinFlummi/ACE3/blob/master/extras/assets/logo/white/ACE3-Logo.eps)