diff --git a/_includes/flag.html b/_includes/flag.html
index 1e1c147..41ee778 100644
--- a/_includes/flag.html
+++ b/_includes/flag.html
@@ -4,6 +4,6 @@
             <span class="flagText">{{include.name}}</span>
         </span>
         <span class="{{include.color}} flagPoint"></span>
-        <span class="{{include.color}} flagFold"></span>
+        <span class="dark-{{include.color}} flagFold"></span>
     </a>
 </li>
\ No newline at end of file
diff --git a/_sass/_colors.scss b/_sass/_colors.scss
index 9a962ed..b5e090d 100644
--- a/_sass/_colors.scss
+++ b/_sass/_colors.scss
@@ -8,6 +8,12 @@ $orange: rgb(236, 103, 55);
 $green: rgb(188, 212, 42);
 $magenta: rgb(168, 66, 114);
 
+$darken-factor: 15%;
+$dark-blue: darken($blue, $darken-factor);
+$dark-orange: darken($orange, $darken-factor);
+$dark-green: darken($green, $darken-factor);
+$dark-magenta: darken($magenta, $darken-factor);
+
 .blue {
     fill: $blue;
     background-color: $blue;
@@ -27,3 +33,23 @@ $magenta: rgb(168, 66, 114);
     fill: $magenta;
     background-color: $magenta;
 }
+
+.dark-blue {
+    fill: $dark-blue;
+    background-color: $dark-blue;
+}
+
+.dark-orange {
+    fill: $dark-orange;
+    background-color: $dark-orange;
+}
+
+.dark-green {
+    fill: $dark-green;
+    background-color: $dark-green;
+}
+
+.dark-magenta {
+    fill: $dark-magenta;
+    background-color: $dark-magenta;
+}