diff --git a/Nibriboard/ClientFiles/Nibri.css b/Nibriboard/ClientFiles/Nibri.css
index 345f766..02a50ad 100644
--- a/Nibriboard/ClientFiles/Nibri.css
+++ b/Nibriboard/ClientFiles/Nibri.css
@@ -108,7 +108,7 @@ hr
 .palette-colour
 {
     float: left;
-    width: 50%; height: 3em;
+    width: 12.5%; height: 1.5em;
     box-sizing: border-box;
     
     cursor: pointer;
diff --git a/Nibriboard/ClientFiles/index.html b/Nibriboard/ClientFiles/index.html
index 62a43f5..5fbb240 100644
--- a/Nibriboard/ClientFiles/index.html
+++ b/Nibriboard/ClientFiles/index.html
@@ -31,15 +31,114 @@
 			
 			<div class="palette">
 				<!-- todo figure out a better colour palette -->
-				<span class="palette-colour" style="background-color: white;"></span>
-				<span class="palette-colour" style="background-color: black;"></span>
-				<span class="palette-colour" style="background-color: red;"></span>
-				<span class="palette-colour" style="background-color: orange;" data-selected></span>
-				<span class="palette-colour" style="background-color: darkgreen;"></span>
-				<span class="palette-colour" style="background-color: blue;"></span>
-				<span class="palette-colour" style="background-color: purple;"></span>
-				<span class="palette-colour" style="background-color: pink;"></span>
-				<span class="palette-colour" style="background-color: saddlebrown;"></span>
+				<span class="palette-colour" style="background-color: #00FF00;"></span>
+				<span class="palette-colour" style="background-color: #5FFF00;"></span>
+				<span class="palette-colour" style="background-color: #87FF00;"></span>
+				<span class="palette-colour" style="background-color: #AFFF00;" data-selected></span>
+				<span class="palette-colour" style="background-color: #D7FF00;"></span>
+				<span class="palette-colour" style="background-color: #FFFF00;"></span>
+				<span class="palette-colour" style="background-color: #FFD700;"></span>
+				<span class="palette-colour" style="background-color: #FFAF00;"></span>
+				<span class="palette-colour" style="background-color: #FF8700;"></span>
+				<span class="palette-colour" style="background-color: #FF5F00;"></span>
+				<span class="palette-colour" style="background-color: #FF0000;"></span>
+				
+				<span class="palette-colour" style="background-color: #00FF5F;"></span>
+				<span class="palette-colour" style="background-color: #5FFF5F;"></span>
+				<span class="palette-colour" style="background-color: #5FFF5F;"></span>
+				<span class="palette-colour" style="background-color: #87FF5F;"></span>
+				<span class="palette-colour" style="background-color: #AFFF5F;"></span>
+				<span class="palette-colour" style="background-color: #D7FF5F;"></span>
+				<span class="palette-colour" style="background-color: #FFFF87;"></span>
+				<span class="palette-colour" style="background-color: #FFD75F;"></span>
+				<span class="palette-colour" style="background-color: #FFAF5F;"></span>
+				<span class="palette-colour" style="background-color: #FF875F;"></span>
+				<span class="palette-colour" style="background-color: #FF5F5F;"></span>
+				<span class="palette-colour" style="background-color: #FF005F;"></span>
+				
+				<span class="palette-colour" style="background-color: #00FF87;"></span>
+				<span class="palette-colour" style="background-color: #5FFF87;"></span>
+				<span class="palette-colour" style="background-color: #87FF87;"></span>
+				<span class="palette-colour" style="background-color: #AFFF87;"></span>
+				<span class="palette-colour" style="background-color: #D7FF87;"></span>
+				<span class="palette-colour" style="background-color: #FFFF87;"></span>
+				<span class="palette-colour" style="background-color: #FFD7AF;"></span>
+				<span class="palette-colour" style="background-color: #FFAFAF;"></span>
+				<span class="palette-colour" style="background-color: #FF87AF;"></span>
+				<span class="palette-colour" style="background-color: #FF0087;"></span>
+				
+				<span class="palette-colour" style="background-color: #00FFAF;"></span>
+				<span class="palette-colour" style="background-color: #5FFFAF;"></span>
+				<span class="palette-colour" style="background-color: #87FFAF;"></span>
+				<span class="palette-colour" style="background-color: #AFFFAF;"></span>
+				<span class="palette-colour" style="background-color: #D7FFAF;"></span>
+				<span class="palette-colour" style="background-color: #FFFFAF;"></span>
+				<span class="palette-colour" style="background-color: #FFD7AF;"></span>
+				<span class="palette-colour" style="background-color: #FFAFAF;"></span>
+				<span class="palette-colour" style="background-color: #FF87AF;"></span>
+				<span class="palette-colour" style="background-color: #FF5FAF;"></span>
+				<span class="palette-colour" style="background-color: #FF00AF;"></span>
+				
+				<span class="palette-colour" style="background-color: #00FFD7;"></span>
+				<span class="palette-colour" style="background-color: #5FFFD7;"></span>
+				<span class="palette-colour" style="background-color: #87FFD7;"></span>
+				<span class="palette-colour" style="background-color: #AFFFD7;"></span>
+				<span class="palette-colour" style="background-color: #D7FFD7;"></span>
+				<span class="palette-colour" style="background-color: #FFFFD7;"></span>
+				<span class="palette-colour" style="background-color: #FFD7D7;"></span>
+				<span class="palette-colour" style="background-color: #FFAFD7;"></span>
+				<span class="palette-colour" style="background-color: #FF87D7;"></span>
+				<span class="palette-colour" style="background-color: #FF5FD7;"></span>
+		<span class="palette-colour" style="background-color: #FF00D7;"></span>
+
+				<span class="palette-colour" style="background-color: #00FFFF;"></span>
+				<span class="palette-colour" style="background-color: #5FFFFF;"></span>
+				<span class="palette-colour" style="background-color: #87FFFF;"></span>
+				<span class="palette-colour" style="background-color: #AFFFFF;"></span>
+				<span class="palette-colour" style="background-color: #D7FFFF;"></span>
+				<span class="palette-colour" style="background-color: #FFFFFF;"></span>
+				<span class="palette-colour" style="background-color: #FFD7FF;"></span>
+				<span class="palette-colour" style="background-color: #FFAFFF;"></span>
+				<span class="palette-colour" style="background-color: #FF87FF;"></span>
+				<span class="palette-colour" style="background-color: #FF5FFF;"></span>
+				
+				<span class="palette-colour" style="background-color: #00D7FF;"></span>
+				<span class="palette-colour" style="background-color: #5FD7FF;"></span>
+				<span class="palette-colour" style="background-color: #87D7FF;"></span>
+				<span class="palette-colour" style="background-color: #AFD7FF;"></span>
+				<span class="palette-colour" style="background-color: #D7D7FF;"></span>
+				
+				<span class="palette-colour" style="background-color: #00AFFF;"></span>
+				<span class="palette-colour" style="background-color: #5FAFFF;"></span>
+				<span class="palette-colour" style="background-color: #87AFFF;"></span>
+				<span class="palette-colour" style="background-color: #AFAFFF;"></span>
+				<span class="palette-colour" style="background-color: #D7AFFF;"></span>
+
+				<span class="palette-colour" style="background-color: #0087FF;"></span>
+				<span class="palette-colour" style="background-color: #5F87FF;"></span>
+				<span class="palette-colour" style="background-color: #8787FF;"></span>
+				<span class="palette-colour" style="background-color: #AF87FF;"></span>
+				<span class="palette-colour" style="background-color: #D787FF;"></span>
+				
+				<span class="palette-colour" style="background-color: #005FFF;"></span>
+				<span class="palette-colour" style="background-color: #5F5FFF;"></span>
+				<span class="palette-colour" style="background-color: #875FFF;"></span>
+				<span class="palette-colour" style="background-color: #AF5FFF;"></span>
+				<span class="palette-colour" style="background-color: #D75FFF;"></span>
+				
+				<span class="palette-colour" style="background-color: #D700FF;"></span>
+				<span class="palette-colour" style="background-color: #FF00FF;"></span>
+				
+				<span class="palette-colour" style="background-color: #000000;"></span>
+				<span class="palette-colour" style="background-color: #1C1C1C;"></span>
+				<span class="palette-colour" style="background-color: #383838;"></span>
+				<span class="palette-colour" style="background-color: #545454;"></span>
+				<span class="palette-colour" style="background-color: #707070;"></span>
+				<span class="palette-colour" style="background-color: #8C8C8C;"></span>
+				<span class="palette-colour" style="background-color: #A8A8A8;"></span>
+				<span class="palette-colour" style="background-color: #C4C4C4;"></span>
+				<span class="palette-colour" style="background-color: #FFFFFF;"></span>
+				
 			</div>
 		</aside>
 		
