diff --git a/static/css/portfolio/main.css b/static/css/portfolio/main.css
index 8c4b0b4..a9df8be 100644
--- a/static/css/portfolio/main.css
+++ b/static/css/portfolio/main.css
@@ -1,14 +1,14 @@
 .box {
 	border-radius: 3px;
-	box-shadow: 0 2px 5px 0 #E5B7CE, 0 2px 10px 0 #E5B7CE;
+	box-shadow: 0 2px 5px 0 #F2E6EB, 0 2px 10px 0 #F2E6EB;
 	padding: 10px 25px;
 	text-align: right;
 	display: block;
 	margin-top: 60px;
-	background-color: #FE9ACD;
+	background-color: #E3CCDC;
 }
 .box-icon {
-	background-color: #8434BA;
+	background-color: #DAA1DC;
 	border-radius: 50%;
 	display: table;
 	height: 100px;
@@ -34,14 +34,14 @@
 	text-align: justify;
 }
 .info > a {
-	background-color: #FCF7DF;
+	background-color: #622B86;
 	border-radius: 2px;
 	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-	color: #000;
+	color: #fff;
 	transition: all 0.5s ease 0s;
 }
 .info > a:hover {
-	background-color: #F9EAAE;
+	background-color: #E88DE4;
 	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
 	color: #000;
 	transition: all 0.5s ease 0s;
diff --git a/static/css/readable.css b/static/css/readable.css
index ee7d297..988907b 100644
--- a/static/css/readable.css
+++ b/static/css/readable.css
@@ -1076,7 +1076,7 @@ body {
   font-size: 16px;
   line-height: 1.42857143;
   color: #333333;
-  background-color: #FFCCE6;
+  background-color: #FFF9FD;
 }
 input,
 button,
@@ -4839,7 +4839,7 @@ a.badge:focus {
   padding: 30px 15px;
   margin-bottom: 30px;
   color: inherit;
-  background-color: #E5B7CE;
+  background-color: #F2E0C5;
 }
 .jumbotron h1,
 .jumbotron .h1 {