diff --git a/exampleSite/data/sections/about.yaml b/exampleSite/data/sections/about.yaml
index 8ae9359..8fcce7b 100644
--- a/exampleSite/data/sections/about.yaml
+++ b/exampleSite/data/sections/about.yaml
@@ -47,7 +47,7 @@ socialLinks:
 
 # your soft skills
 # give the percentage between 50 to 100 with 5 intervals.
-# currently supported color: blue, yellow, pink, green
+# currently supported colors: blue, yellow, pink, green, sky, orange
 softSkills:
 - name: Leadership
   percentage: 85
diff --git a/static/assets/css/about.css b/static/assets/css/about.css
index a125768..918a3a4 100644
--- a/static/assets/css/about.css
+++ b/static/assets/css/about.css
@@ -111,6 +111,14 @@
   border-color: #2dca73;
 }
 
+.circular-progress.sky .circular-progress-bar {
+  border-color: #01e0fd;
+}
+
+.circular-progress.orange .circular-progress-bar {
+  border-color: #FF7D51;
+}
+
 .circular-progress-percentage-50 {
   animation: circular-loading-50 0s linear forwards 1.8s;
 }