diff --git a/index.html b/index.html
index 6aad5526..f2e18d41 100644
--- a/index.html
+++ b/index.html
@@ -41,4 +41,5 @@
     </div>
 	</main>
 </body>
+<script type="text/javascript" src="index.js"></script>
 </html>
diff --git a/index.js b/index.js
new file mode 100644
index 00000000..e9c9d353
--- /dev/null
+++ b/index.js
@@ -0,0 +1,14 @@
+var colorCombinationsAvailable = [['#43A047', '#FAFAFA'], ['#485564', '#FAFAFA'], ['#303F9F', '#FAFAFA'], ['#AF3D4E', '#FAFAFA'], ['#FAFAFA', '#0277BD'], ['#FFEB3B', '#1E1E1E']]
+
+var mainBackground = document.getElementsByTagName("main")[0];
+var linkElememts = document.getElementsByClassName("fab")
+
+var colorPaletteIndex = Math.floor(Math.random() * colorCombinationsAvailable.length);
+var colorPalette = colorCombinationsAvailable[colorPaletteIndex];
+
+mainBackground.style.background = colorPalette[0] ;
+mainBackground.style.color = colorPalette[1] ;
+
+Object.keys(linkElememts).forEach((key) => {
+    linkElememts[key].style.color = colorPalette[1];
+});